更新日期:     浏览次数:

1. 外出登记Demo轻应用开发

1.1. 概述

本篇章主要介绍了基于人员外出登记场景,结合云之家开放平台API,开发实现的Demo轻应用的流程,其中用到了Vue.js,H2内存数据库等核心技术,旨在帮助开发者迅速上手轻应用开发。

1.2. 前期准备

1.2.1. 开发环境准备

  1. 开发工具:Eclipse + jdk1.7(或以上版本) + Tomcat 8.0 (或以上版本)
  2. 开发语言与核心技术:Java + Html5 + Vue.js
  3. 开发框架:Sping 4.3 + SpringMVC + Mybatis
  4. 数据库 : H2 Database
  5. 测试工具:postman, Fiddler

1.2.2. 轻应用准备

参考轻应用创建指南 ,获取appId和appSecret

1.3. Demo本地部署过程

1.3.1. 下载demo

下载地址:JavaOutDemo

或者从远程库克隆:

git clone git@github.com:YZJOPEN/JavaOutDemo.git

demo下载

1.3.2. 新建web工程

在eclipse或者idea编辑器下,新建web工程(示例使用eclipse)

工程新建

工程新建

工程新建

1.3.3. 替换文件夹

拷贝JavaOutDemo下webRoot和src文件夹到web工程并覆盖

文件替换

1.3.4. 修改appconfig.properties文件

修改以下参数:

  1. 数据库服务器IP (mysql)
  2. 新建轻应用生成的appSecret
  3. 云之家管理中心通讯录秘钥
  4. 数据库用户名和密码
  5. util.js文件

文件路径:..\WebRoot\WEB-INF\conf\appconfig.properties

参数修改

文件路径:..\WebRoot\static\util.js

utiljs

1.3.5. 修改工程"Properties-Web Project Settings-Context root" 为j2eedemo

路径修改

1.3.6. 部署项目

部署项目到tomcat服务器

项目部署 项目部署 项目部署

1.3.7. 项目部署成功界面

部署成功 部署成功

1.4. 工程架构

1.4.1. 项目工程目录结构

工程目录

1.4.2. 核心配置文件介绍

  1. appconfig.properties :轻应用相关参数配置,数据库配置
  2. spring-core.xml : spring核心配置文件
  3. spring-mvc.xml : springMvc配置文件
  4. spring-mybatis.xml : mybatis配置文件
  5. log4j.properties : 日志

1.5. 外出登记功能介绍

1.5.1. 权限查看

部门负责人可以查看部门和自己的的数据

权限查看

员工可以查看自己的所有外出登记数据

权限查看

1.5.2. 全局搜索

全局搜索

1.5.3. 外出登记

外出登记

1.5.4. 办事签到

办事签到

1.5.5. 登记撤回

登记撤回

1.5.6. 转发分享

注意:针对分享出去的外出登记记录,在部署到本地服务时,需要将前端页面中https://www.yunzhijia.com/j2eedemo 更改为本地的服务器地址

转发分享

1.5.7. 其他

其他

其他

对于Demo与开发有任何疑问和建议,欢迎扫描下方二维码加入云之家官方开发者技术交流群交流

云之家开发者技术交流群

results matching ""

    No results matching ""