摘要：随着现代计算机技术的快速稳定发展,人们的生活也因此变得更加方便、快捷和高效。微信推出微信小程序的出现与应用,为各个业界的发展带来了新的的优势,使新时代的互联网发展迎来了新的挑战。

相对于移动APP来说，微信小程序显得更加方便快捷,为智能手机的用户在生活中的各个方面的提供了很大的帮助,甚至成为了很多人的必备软件之一。对于开发方式中原生开发与wepy、mpvue、taro、uni-app开发框架的优劣并对其进行比较,最后对基于uni-app的智能高佣报备系统的应用进行了说明。

uni-app 是一个前端开发框架，对于前端开发人员来说，使用框架进行开发会在开发过程中提高效流。Uni-app是使用 Vue.js 来开发的，在使用的时候只需要程序员编写一套代码，可同时发布到多个平台。

从uni-app提供的功能框架图中可以我们不难看出，uni-app在跨平台开发的领域上可以说是佼佼者，他把现有的几大互联网技术几乎全都融入了进去。也就是说学会这一个框架，几乎可以从事所有的前端工作。不管是什么样的需求他都可以满足你。这也依赖于HbuilderX这个强大的开发工具的支持，可以运行到不同的开发平台上。

在使用uni-app开发的时候，可以连接到手机进行真机调试，也可以在浏览器中运行同时还可以运行到微信开发工具中，为开发者提供了很大的方便，减少了运行众多开发工具产生的麻烦。

关键词：uni-app；前端框架；跨端框架

目录

摘要

Abstract

引    言-1

1  绪  论-2

1.1  发展史-2

1.2  开发规范-2

1.3  论文研究内容-2

1.4  论文的组织结构-3

2  相关技术分析-4

2.1  Uni-app相关技术分析-4

2.1.1  Vue.js-4

2.1.2  Weex-5

2.1.3  HTML5+-6

2.1.4  uni-app和原生开发区别-6

2.1.5  微信小程序-7

2.2  其他相关技术的分析-8

2.2.1  MySQL数据库-8

2.2.2  SpringBoot框架-9

2.2.3  MyBatis框架-12

3  需求分析-14

3.1  功能需求分析-14

3.2  其他需求分析-17

4  系统设计-18

4.1  概要设计-18

4.1.1  服务器数据库设计-19

4.1.2  E-R图-21

4.2  详细设计-26

4.2.1  客户端结构设计-26

4.2.2  管理端结构设计-29

5  系统实现-31

5.1  开发环境的搭建-31

5.2  具体功能的实现-31

5.2.1  客户端与服务器的交互-31

5.2.2  客户端主要功能的实现-33

5.2.3  管理端主要功能的实现-37

6  测试-38

6.1  手动测试-38

6.2  自动化测试-38

参 考 文 献-43

结    论-44