JeeSite Mobile Uni-App 是 JeeSite 手机端框架/移动端框架,基于 uni-app、uView UI 实现。
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web、 以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
uView UI,是 uni-app 生态最优秀的 UI 框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。
1、H5 APP 端访问地址:https://demo.jeesite.com/app (最新演示)
获得H5最佳体验,操作方法:Chrome 为例,在浏览器上按 F12 打开“开发者工具”,点击该工具左上角第二个按钮
“Toggle device toolbar”,显示“切换设备工具栏”,然后在该工具栏上点击“Responsive”下拉选择“iPhone6/7/8”,再按“F5”刷新页面,即可。
2、微信小程序端:通过微信扫码(最佳体验,但不是最新演示,更新延迟)
3、安卓 Android 安装包,点击下载:JeeSite4.3.1.apk
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 开始支持多个域名和模糊匹配,例如:http://*.jeesite.com,http://*.jeesite.net
accessControlAllowOrigin: '*'
# 允许跨域访问时 CORS,可以获取和返回的方法和请求头
accessControlAllowMethods: GET, POST, OPTIONS
accessControlAllowHeaders: content-type, x-requested-with, x-ajax, x-token, x-remember
accessControlExposeHeaders: x-remember
# Session 相关
session:
# 设置接收 SessionId 请求参数和请求头名称
sessionIdHeaderName: x-token
# 记住我的请求参数和请求头的名称
rememberMeHeaderName: x-remember
# Web 相关
web:
# AJAX 接受参数名和请求头名
ajaxHeaderName: x-ajax
3、打开手机端项目的 /common/config.js
修改 config.baseUrl
后端服务地址为你安装的 JeeSite 服务地址。
/common/config.js
找到 config.baseUrl
修改为正式的手机端后台服务地址Copyright
和@author
信息)
更不要,全局替换源代码中的 jeesite 或 ThinkGem 等字样,否则你将违反本协议条款承担责任。此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
Activity
Community
Health
Trend
Influence
:Code submit frequency
:React/respond to issue & PR etc.
:Well-balanced team members and collaboration
:Recent popularity of project
:Star counts, download counts etc.