基于微信的旅游小程序、景区景点购票小程序、毕业设计、开题报告、毕业论文参考（4）开发概要

迈不过友情╰ 2022-10-18 15:53 687阅读 0赞

## 小程序开发概要 ##

微信小程序的MINA 框架

微信开发者工具为了达到让开发人员利用微信这个平台尽最大的可能性用最简单并且又最有效的方式开发出拥有与其他的原生APP一致的用户体验的小程序的目的，微信小程序向开发者提供了一个专门的开发框架，即MINA框架，小程序MINA框架结构如图。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM4MTgyMDU_size_16_color_FFFFFF_t_70][]

一个微信小程序主要是由视图层和逻辑层这两个层面构成的，而微信开发者工具提供的的MINA框架从本质上来讲其实就是一个数据响应绑定系统，MINA框架能够使得视图轻松简单地跟随数据，保持与数据的同步。当开发者需要对系统的数据进行改动的时候，只需要对系统的逻辑层进行数据的改动，整个微信小程序的视图层就会做出相应的改动。

微信开发者工具的MINA框架为开发人员准备了一套专门用于逻辑层的基本框架,并且还提供了一套专门用于微信小程序的视图层的专业描述语言它们分别是WXML语言和WXSS语言，其中，WXML可以构造和建立出一个微信小程序的各个页面的相应的基础组件和事件的基本结构。

WXSS可以把组件的样子给描述出来，并且决定各个组简如何显示。并且，在MINA框架的视图层与逻辑层之间，微信开发者工具还提供了一个数据和事件的传输系统，这个传输系统可以让开发者在处理数据和逻辑的关系的时候觉得更加的容易。在运行环境方面，微信小程序具有逻辑层以及渲染层这两个层面，不同的技术语言运行在不同的层面。例如，JS脚本就主要是工作在运行环境中的逻辑结构层， 而类似于HTML网页技术的WXML 模板则工作在运行环境中的渲染层，类似于CSS网页技术的WXSS样式和WXML一样，也工作在渲染结构层。小程序专用语言和技术对应关系如图所示。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM4MTgyMDU_size_16_color_FFFFFF_t_70 1][]

## 后台开发概要 ##

开发环境：JDK1.8 + Tomcat8

开发语言：Java

开发框架：springboot

模板引擎：Thymeleaf

开发工具：Idea2020

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

### Spring Boot ###

Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

### ThymeLeaf ###

知识背景

Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。类似JSP，Velocity，FreeMaker等， 它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用的模板引擎。与其它模板引擎相比， Thymeleaf最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个Web应用。

thymeLea支持Spring Expression Language语言作为方言，也就是SpEL，在学习JSP时我们对EL表达式都有一定的认识了，SpEL是可以用于Spring中的一种EL表达式。

简而言之，与我们使用过的JSP不同，thymeLeaf是使用html的标签来完成逻辑和数据的传入进行渲染， 而且不用像jsp一样作为一个servlet被编译再生成。即便单独的thymeleaf html文件依旧可以正确打开并有少量（相对）有价值的信息，并且是可以被浏览器直接打开的。

可以说用thymeLeaf完全替代jsp是可行的。何况他的功能更强大。

知识剖析

Thymeleaf 是一种模板语言。那模板语言或模板引擎是什么？常见的模板语言都包含以下几个概念：数据（Data）、模板（Template）、模板引擎（Template Engine）和结果文档（Result Documents）。

数据

数据是信息的表现形式和载体，可以是符号、文字、数字、语音、图像、视频等。数据和信息是不可分离的，数据是信息的表达，信息是数据的内涵。数据本身没有意义，数据只有对实体行为产生影响时才成为信息。

模板

模板，是一个蓝图，即一个与类型无关的类。编译器在使用模板时，会根据模板实参对模板进行实例化，得到一个与类型相关的类。

模板引擎

模板引擎（这里特指用于Web开发的模板引擎）是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。

结果文档

一种特定格式的文档，比如用于网站的模板引擎就会生成一个标准的HTML文档。

模板语言用途广泛，常见的用途如下：

\- 页面渲染

\- 文档生成

\- 代码生成

\- 所有 “数据+模板=文本” 的应用场景

## MYSQL 数据库 ##

数据库设计是对需要用到的数据建立一个库，然后将其与软件新系统联系起来，方便用户进行查询、增删、修改等。用户的需求信息都存储在数据库里，这就要求设计的数据表结构能够健壮到满足各种类型的信息的输入与输出。结合之前的功能需求分析，设计层次分明、类别明了的数据库，本次设计使用MySQL数据库来实现。

MySQL数据库并不是把所有数据都放在一个非常大的存储容器里面，而是把数据库里面的数据都分别存放在在不同的表当中，MySQL作为关联数据库管理系统，能够有效地提升数据处理的速度与效率，并且，这样也可以让数据库的灵活程度得到很大幅度的提高。

本次数据库涉及到实体的设计，采用MySQL数据库进行创建相关表格，在数据库的设计中，使用了数据库开发工具Navicat Premium，可以更方便快捷地创建、管理和维护数据库。

在使用数据库的时候，为了方便对诗句进行统一的分类管理，就需要设计不同的数据信息表，数据库表就是以表为组织单位进行数据的存放和使用，数据库表会在字段里面规定个参数的的数据类型，我们可以对数据库表进行数据的修改、添加、查询和删除等操作。数据表里面的每条数据和类的实例相类似。

本系统中，数据库和后台建立双向的联系，当小程序需要访问数据库的时候，小程序将调用后台提供的接口，后台去访问数据库并对数据库进行修改操作，然后将结果返回到小程序客户端进行展示。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM4MTgyMDU_size_16_color_FFFFFF_t_70]: /images/20221005/3b28ae939c444319bc2451ebfff89e06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM4MTgyMDU_size_16_color_FFFFFF_t_70 1]: /images/20221005/c4203f4d40f34f5493260d683320c933.png