小程序开发 + php后台和php接口开发+mysql数据库概要

我会带着你远行 2022-09-11 13:27 175阅读 0赞

# 系统相关技术 #

本章主要安介绍了基于微信小程序的xx系统在开发过程中所应用到的一些关键的技术，主要包括了在微信小程序开发过程中使用的框架，即 MINA 框架、MySQL数据库、PHP后台开发这三个部分。

## 微信小程序的MINA 框架 ##

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

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6buE6I-K5Y2O6ICB5biI_size_18_color_FFFFFF_t_70_g_se_x_16][]

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

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

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

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6buE6I-K5Y2O6ICB5biI_size_18_color_FFFFFF_t_70_g_se_x_16 1][]

MINA框架里面包含有非常丰富的基础的组件和微信原生API。MINA框架的“页面管理”功能可以把整个微信小程序的所有页面的路径进行统一的管理，这样做可以让不同的页面也可以进行非常流畅和简单的转换，这给了微信小程序各个页面完整的生命周期。在对微信小程序进行开发的过程中，开发人员就可以通过仅仅是把构成各个页面的方法、各个页面的数据以及各个页面的生命周期函数注入到MINA框架之中，就可以完成小程序的开发。

### 微信小程序的文件结构 ###

微信小程序的文件结构总体来讲非常的简单明了，它一般会包含一个全局的、并且它们的内容会影响全部页面的描述整个小程序的“app”文件和好几个个描述其他各个页面的 “page”文件。在项目目录下面，一般包含有 2 个目录，它们是“pages” 目录以及“utils ”目录。“pages”目录下面存放了整个微信小程序的各个展示页面，每个展示页面又都分别设置了一个目录，其中，目录名称就是页面唯一的名称。每个目录里面一般包含了“js”、“wxml”、“wxss”和“json”这四个文件。

在一个微信小程序的项目目录下面，一定会有“app.js”、“app.json”和“app.wxss ”这3个应用文件。因为它们组成了一个微信小程序的主体部分，所以必须把它们放置在整个项目的根目录里面， 并且这3个文件的文件名必须是是固定的，是不可以随便改动的。接下来，就开始分别对这三个文件的作用进行简单的介绍。首先来讲“app.js”文件，它在对脚本代码进行定义、对全局变量进行声明和对函数的生命周期进行监听的时候发挥作用。当运行一个微信小程序的时候，它会在最开始被执行，它能够对整个微信小程序做出很多一致的处理；而对微信小程序当前的页面的访问路径进行设置、网络请求是否超时以及超过的时间、界面怎么表现以及页面底部的标签设置等设置则是由“app.json”文件来负责，它可以对微信小程序进行一个全局的、整体的配置。并且，一个“.json”文件中的配置信息是可以被其他页面相同的 “.json ”的配置信息覆盖的；最后，来讲讲“app.wxss”文件，它其实就是一个公共样式表，它的作用是对整个小程序的所有的样式进行总体的控制，和“.json”文件一样，“app.wxss”文件中的样式也是会被其他页面中 “.wxss” 中的相同样式覆盖的。

由“.js”、“.wxml”、“.wxss”和“.json”这四个文件组成一个展示页面文件夹。其中，“\*.js” 文件的作用是对小程序中的各个页面的逻辑功能进行描述和分析；“\*.wxml”文件则是类似于网页设计中“html” 发挥着编辑微信小程序中页面的结构的作用；至于“\*.wxss”，她是用来对页面的样式进行编辑，它的作用类似于网页设计中的“css”，“\*.wxss”的语法也跟“css ”是一致的；“\*.json ”是作用于类似修改页面标题，或者使用微信封装的某些功等对微信小程序的页面做一些特定的配置。这四个文件必须被放在同一个文件夹里面，而且，文件的名字必须要和文件夹的名字保持相同。

## MYSQL 数据库 ##

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

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

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

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

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

## PHP技术 ##

PHP（Hypertext Preprocessor）即“超文本预处理器”，是在服务器端执行的脚本语言，尤其适用于Web开发并可嵌入HTML中。PHP语法利用了C、Java和Perl，该语言的主要目标是允许web开发人员快速编写动态网页。

PHP脚本程序主要应用于Web服务端开发，命令行和编写桌面应用程序。PHP支持和所有web开发语言之间的WDDX复杂数据交换。关于相互连接，PHP 已经支持了对Java对象的即时连接，并且可以透明地将其用作PHP对象。

**开源免费**

由于PHP的解释器的源代码是公开的，所以安全系数较高的网站可以自己更改PHP的解释程序。另外，PHP 运行环境的使用也是免费的。

**快捷高效**

HP是一种非常容易学习和使用的一门语言，它的语法特点类似于C语言，但又没有C语言复杂的地址操作，而且又加入了面向对象的概念，再加上它具有简洁的语法规则，使得它操作编辑非常简单，实用性很强。PHP可以与很多主流的数据库建立起连接，如MySQL、ODBC、Oracle等，PHP是利用编译的不同函数与这些数据库建立起连接的，PHPLIB就是常用的为一般事务提供的基库。

过程和面向对象并用，在PHP语言的使用中，可以分别使用面向过程和面向对象， 而且可以将PHP面向过程和面向对象两者一起混用，这是其它很多编程语言做不到的。

**拓展性强**

PHP是目前最流行的编程语言，这毋庸置疑。它驱动全球超过2亿多个网站，有全球超过81.7%的公共网站在服务器端采用PHP。PHP常用的数据结构都内置了，使用起来方便简单，也一点都不复杂，表达能力相当灵活。

PHP在不断兼容着类似closures和命名空间等技术，同时兼顾性能和当下流行的框架。版本是7之后，一直在提供更高性能的应用。

PHP 语言在补丁漏洞升级过程中，核心部分植入简单易行，且速度快。

PHP 语言在数据库应用过程中，可以从数据库调取各类数据，执行效率高。

**运行机制**

在 PHP 中，所有的变量都是页面级的，无论是全局变量， 还是类的静态成员，都会在页面执行完毕后被清空。

设计缺陷，缺少关注PHP被称作是不透明的语言，因为没有堆栈追踪，各种脆弱的输入。没有一个明确的设计哲学。早期的PHP受到Perl的影响，带有out参数的标准库又是有C语言引入，面向对象的部分又是从 C++和Java学来的。

PHP并不擅长递归。它能容忍的递归函数的数量限制和其他语言比起来明显少。

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6buE6I-K5Y2O6ICB5biI_size_18_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/ed8abfecda9c439dadc8ced6439bf2b1.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6buE6I-K5Y2O6ICB5biI_size_18_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/0a6bacbdebf84755835871322cd642f4.png