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

我要开发同款
匿名用户2021年10月09日
97阅读
开发技术TypeScript
所属分类手机/移动开发、微信小程序
授权协议Apache

作品详情

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

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

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

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

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

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

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

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

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

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

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

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

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

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

生态系统分布式微服务系统(SpringCloud):https://gitee.com/thinkgem/jeesite4-cloudJFlow工作流引擎:https://gitee.com/thinkgem/jeesite4-jflow :https://ccflow.orgFlowable业务流程模块(BPM):https://jeesite.com/docs/bpm/内容管理模块(CMS):https://gitee.com/thinkgem/jeesite4-cms手机端移动端:https://gitee.com/thinkgem/jeesite4-uniapp学习路线什么是uni-app、为什么选择uni-app集成开发环境HBuilderX下载uni-app官方视频教程如果你熟悉h5,但不熟悉Vue和小程序,请看这篇白话uni-appVue.js视频+文档教程学习文档uni-app框架文档uni-app组件文档uView组件文档uViewJS文档打包发布打开 /common/config.js 找到 config.baseUrl 修改为正式的手机端后台服务地址阅读这篇文章:如何发布uni-app软件uni-app整包升级、冷更新uni-app资源升级、热更新
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论