JeeSite4 Mobile Uni-App

JeeSite 手机端框架/移动端框架
授权协议 Apache
开发语言 TypeScript
所属分类 手机/移动开发、 微信小程序
软件类型 开源软件
地区 国产
投 递 者 东郭弘方
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

JeeSite Mobile Uni-App 是 JeeSite 手机端框架/移动端框架,基于 uni-app、uView UI 实现。

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

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

特性

  • 支持 Android,iOS,H5,微信小程序,等其它小程序平台。
  • 移动端是无 Cookie 环境的,该项目对移动端进行会话环境封装,
  • 让你像 Cookie 一样使用 token,无需特别处理,有框架帮你完成。
  • 化繁为简,封装 vuex 的繁琐,简单通过 api 即可进行 state 存取。
  • 贴心的表单组件封装,下拉框、复选框、文件上传,完美与后端 JeeSite 结合。
  • uView 提供 60+ 精选组件,功能丰富,多端兼容,让您快速集成,开箱即用。
  • 众多贴心的 JS 利器,让您飞镖在手,召之即来,百步穿杨。
  • 众多的常用页面和布局,让您专注逻辑,事半功倍。
  • 合理使用 style 的 scoped 减少包体积大小。
  • 详尽的文档支持,现代化的演示效果。
  • 按需引入,精简打包体积。
  • 移动端完整开源。

功能列表

  • 账号登录、记住我(下次免登录)
  • 自助服务:找回密码功能、账号注册功能
  • 我的主页:修改个人信息、修改头像和裁剪、修改密码
  • 辅助功能:关于我们、意见反馈、检查更新、帮助中心
  • 工作台功能列表主页、消息列表主页
  • 增删改查示例
  • 工作流引擎

快速体验

1、H5 APP 端访问地址:https://demo.jeesite.com/app (最新演示)
      获得H5最佳体验,操作方法:Chrome 为例,在浏览器上按 F12 打开“开发者工具”,点击该工具左上角第二个按钮 “Toggle device toolbar”,显示“切换设备工具栏”,然后在该工具栏上点击“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 开始支持多个域名和模糊匹配,例如: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 服务地址。

生态系统

学习路线

  1. 什么是 uni-app、为什么选择 uni-app
  2. 集成开发环境 HBuilderX 下载
  3. uni-app 官方视频教程
  4. 如果你熟悉 h5,但不熟悉 Vue 和小程序,请看这篇白话 uni-app
  5. Vue.js 视频 + 文档教程

学习文档

打包发布

  • 下面是发送数据方代码: // 调用 public void postJson() { LogUtil.info("Start package Json ..." ); Map map = new HashMap(); map.put("name", "json"); map.put("bool", Boolean.TRUE);

 相关资料
  • AKjs前端框架是Andrew.Kim和他的团队一起研发的基于jQuery的一个轻量级前端框架。它是只要懂jQuery的语法很容易上手的框架。该框架里面现在发布了很多移动端常用的功能效果;开发者们使用过程中功能插件也可以自己扩展增加。另一方面,它是相当于一个丰富的组件化UI框架,优点是开发要前后端分离,项目开发过程中后端通过ajax调用数据的机制。 AKjs是一个基于jQuery的一套构建用户界面

  • 前端框架图图形展示: 如上图所示,WeX5前端框架(UI2)分以下部分: 基础库 WeX5前端依赖的两个基础库:数据感知MVVM和jQuery,其中数据感知MVVM基于Knockoutjs改进的。 模块框架 UI2遵循AMD模块标准,采用RequireJS实现。模块化是UI2的基础,UI2的所有资源(包括js、css和html等)都是模块,都采用模块化方式引入,采用模块化方式管理依赖。 组件框架

  • 本文向大家介绍使用Thinkphp框架开发移动端接口,包括了使用Thinkphp框架开发移动端接口的使用技巧和注意事项,需要的朋友参考一下 方案一:给原生APP提供api接口 使用TP框架时 放在common文件夹下文件名就叫function.php 查询单个果品详细信息 findRelease() 方法的model app端接收到的数据(解码json之后) app端接收到的数据(原生json串)

  • 本文向大家介绍用过哪些移动端深度学习框架?相关面试题,主要包含被问及用过哪些移动端深度学习框架?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 开源的有:小米的MACE,骁龙的SNPE,腾讯的FeatherCNN和ncnn,百度的mobile-deep-learning(MDL);caffe、tensorflow lite都有移动端,只是可能没有上面的框架效率高。据传还有支付宝的xNN,商

  • 如果你正在建设一个纯静态的应用程序(与后端api分离部署),那么你可能甚至不需要编辑config/index.js。但是,如果你想要这个模板与现有的后端框架集成,例如Rails/Django/Laravel,拥有自己的项目结构,您可以编辑config/index.js,直接生成前端资源注入到你的后台项目。 让我们看一下默认的config/index.js: var path = require('

  • 我们公司本来是开发一个项目配置1个后端,1个前端,1个andorid,1个ios,现在大环境不好,我感觉公司有难处,我就跟公司说,我可以包揽一个项目,前端后端移动端一个人干了,这样可以公司省点钱。 前端后端肯定没有什么问题,移动端我没开发过,不过我感觉这个东西都是基于事件驱动的,点击一个按钮触发一个事件,没啥区别。我就是想问问,哪一个移动端框架是除了native最稳定的,能满足最多事件或者应用场景

  • 我是银行领域帐户的自动化测试员。我有个问题需要你的帮助。 当前的方法: 1.我们用于API服务测试的框架是使用RESS assured的基于Java的Serenity-Cucumber框架。 2.与该框架相关的所有脚本开发/脚本维护活动都由我们团队中的自动化测试人员负责。 3.几周前,我们了解了空手道框架并完成了PoC(概念验证)。 4.一切顺利,我们正在计划迁移现有的RESS assured J

  • 我的Google App Engine应用程序使用旧(v1)版本的Cloud Endpoint,据我在留档中看到的建议迁移到v2 Cloud Endpoint Framework。 该应用程序使用Java标准环境,是Android和iOS客户端的后端。 目前在API的开发过程中,我同时生成Android的客户端库和iOS移动应用程序的发现文档,如文档中所述: https://cloud.googl