JeeSite4 Mobile Uni-App JeeSite 手机端框架/移动端框架开源项目

我要开发同款
匿名用户2021年10月09日
220阅读

技术信息

开源地址
https://gitee.com/thinkgem/jeesite4-uniapp
授权协议
Apache

作品详情

JeeSiteMobileUi-App是JeeSite手机端框架/移动端框架,基于ui-app、uViewUI实现。

ui-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Adroid、Web、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

uViewUI,是ui-app生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。

特性支持Adroid,iOS,H5,微信小程序,等其它小程序平台。移动端是无Cookie环境的,该项目对移动端进行会话环境封装,让你像Cookie一样使用toke,无需特别处理,有框架帮你完成。化繁为简,封装vuex的繁琐,简单通过api即可进行state存取。贴心的表单组件封装,下拉框、复选框、文件上传,完美与后端JeeSite结合。uView提供60+精选组件,功能丰富,多端兼容,让您快速集成,开箱即用。众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨。众多的常用页面和布局,让您专注逻辑,事半功倍。合理使用style的scoped减少包体积大小。详尽的文档支持,现代化的演示效果。按需引入,精简打包体积。移动端完整开源。功能列表账号登录、记住我(下次免登录)自助服务:找回密码功能、账号注册功能我的主页:修改个人信息、修改头像和裁剪、修改密码辅助功能:关于我们、意见反馈、检查更新、帮助中心工作台功能列表主页、消息列表主页增删改查示例工作流引擎快速体验1、H5APP端访问地址:https://demo.jeesite.com/app (最新演示)   获得H5最佳体验,操作方法:Chrome为例,在浏览器上按F12打开“开发者工具”,点击该工具左上角第二个按钮“Toggledevicetoolbar”,显示“切换设备工具栏”,然后在该工具栏上点击“Resposive”下拉选择“iPhoe6/7/8”,再按“F5”刷新页面,即可。

2、微信小程序端:通过微信扫码(最佳体验,但不是最新演示,更新延迟)

快速运行JeeSite手机端项目地址:https://gitee.com/thikgem/jeesite4-uiapp

1、下载并安装:集成开发环境HBuilderX (推荐,也可以使用VSCode或WebStorm)

2、菜单:文件->导入->从本地目录导入,选择“jeesite4-uiapp”文件夹。

3、菜单:运行->运行到内置浏览器(或运行到浏览器->Chrome浏览器)。

4、等待HBuliderX控制台编译完成后,会自动弹出手机登录页面。

安装服务端本项目后台服务默认连接的是demo.jeesite.com官网演示环境,你需要替换为你的JeeSite后台,步骤如下:

1、安装JeeSite最新版:https://gitee.com/thikgem/jeesite4#本地运行 (本项目支持v4.2.3或以上版本,若已安装,请执行 bi/package.bat 更新依赖)

2、打开applicatio.yml修改如下配置(Ajax跨域设置和与后台基础交互的请求头名):

#Shiro相关shiro:#是否允许跨域访问CORS,如果允许,设置允许的域名。v4.2.3开始支持多个域名和模糊匹配,例如:https://*.jeesite.com,https://*.jeesite.etaccessCotrolAllowOrigi:'*'#允许跨域访问时CORS,可以获取和返回的方法和请求头accessCotrolAllowMethods:GET,POST,OPTIONSaccessCotrolAllowHeaders:cotet-type,x-requested-with,x-ajax,x-toke,x-rememberaccessCotrolExposeHeaders:x-remember#Sessio相关sessio:#设置接收SessioId请求参数和请求头名称sessioIdHeaderName:x-toke#记住我的请求参数和请求头的名称rememberMeHeaderName:x-remember#Web相关web:#AJAX接受参数名和请求头名ajaxHeaderName:x-ajax3、打开手机端项目的 /commo/cofig.js 修改 cofig.baseUrl 后端服务地址为你安装的JeeSite服务地址。

生态系统分布式微服务系统(SprigCloud):https://gitee.com/thikgem/jeesite4-cloudJFlow工作流引擎:https://gitee.com/thikgem/jeesite4-jflow :https://ccflow.orgFlowable业务流程模块(BPM):https://jeesite.com/docs/bpm/内容管理模块(CMS):https://gitee.com/thikgem/jeesite4-cms手机端移动端:https://gitee.com/thikgem/jeesite4-uiapp学习路线什么是ui-app、为什么选择ui-app集成开发环境HBuilderX下载ui-app官方视频教程如果你熟悉h5,但不熟悉Vue和小程序,请看这篇白话ui-appVue.js视频+文档教程学习文档ui-app框架文档ui-app组件文档uView组件文档uViewJS文档打包发布打开 /commo/cofig.js 找到 cofig.baseUrl 修改为正式的手机端后台服务地址阅读这篇文章:如何发布ui-app软件ui-app整包升级、冷更新ui-app资源升级、热更新

功能介绍

JeeSite Mobile Uni-App 是 JeeSite 手机端框架/移动端框架,基于 uni-app、uView UI 实现。 uni-app 是一个使用 Vue.js 开发所有前端应...

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论