前后端全流程微信小程序

开发一个完整的中大型小程序，一般需要后端服务器、数据库、开发工具、开发环境、开发框架，前端环境、开发工具、开发框架、UI设计工具、UI框架这些技术。掌握并熟练使用这些技术，你就具备了目前比较流行的全栈工程师的技能。也能在创业公司这种一人独挑大梁的企业，承担起整个项目开发的启动工作。我们将向您完整的展示一个房源管理系统，从后端到前端所有的技术、开发过程和完整源代码。

首先我们学习后端环境的搭建。我们选择在Windows7操作系统下部署数据库MongoDB，服务器Nginx，开发工具STS（Spring Tool Suite）并使用springboot框架创建项目。它将负责与我们前端的小程序实时实现数据交换的工作。我们将使用springboot发布web服务。实现web service的功能。

内容覆盖Nginx、 MongoDB、STS、Springboot、VCS、MPVue、VSCode、Axure、Koa、Mint UI等核心技术。

Nginx：功能丰富的server，可作为HTTP服务器。
下载地址：http://nginx.org/en/download.html
下载版本：nginx/Windows-1.16.1（Stable version）

下载完成后解压到英文文件路径，双击nginx.exe，双击后对话框一闪而过属于正常现象，我们可以在浏览器输入网址：http://localhost:80 进行验证。

出现下图网页即代表服务器成功运行。服务器可被访问。

MongoDB：MongoDB 是一个基于分布式文件存储的数据库。与服务器一起为客户端服务。
下载地址：https://www.mongodb.com/download-center/community
下载版本：MongoDB Community Server，4.2.3，Windows x64 x64，MSI

双击下载下来的文件：mongodb-win32-x86_64-2012plus-4.2.3-signed.msi进行安装，双击后出现安装界面，选择Next，选择I accept the terms in the License Agreement，Next，Custom，Next，再Next，把Install MongoDB Compass取消，Next，Install。安装完成，打开安装后的软件目录（默认安装在C:\Program Files\MongoDB），进入Server，4.2，bin，双击执行mongo.exe。

以下为MongoDB – 控制台打印成功运行界面。

STS：Spring Tool Suite，这是一个开发springboot框架的工具，后续会介绍springboot框架，它是一个建立在eclipse开发工具上拓展出来的开发工具，所以操作和界面上和eclipse一样。

下载地址：https://spring.io/tools/，如果网页无法访问，可能是服务器问题，多刷新几次，或者换个时间点都可以。
下载版本：Download STS4 Windows 64-bit

双击spring-tool-suite-4-4.5.1.RELEASE-e4.14.0-win32.win32.x86_64.self-extracting.jar进行自动解压。解压后，开发工具就在同目录的sts-4.5.1.RELEASE文件夹中。双击SpringToolSuite4.exe打开STS开发平台，选择默认workspace或者创建自己的space，然后点击Launch，加载工作台。Workspace是你创建的项目文件存放的地方。

Spring Boot：springboot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。

打开STS，选择左上角File->New->Spring Starter Project->Name处命名->Next。Available框中输入“web”，选择Spring Web和Spring Web Services。打开NoSQL，选择Spring Data MongoDB，打开SQL，选择MyBatis Framework。如图所示，我们选择了Spring Data MongoDB，MyBatis Framework，Spring Web，Spring Web Services这4个插件。最后点击Next，Finish。

等待项目加载完毕。工程是到默认的网站去下载下来的，加载的过程中有可能出现国外网站下载不全项目报错的情况。

如图所示，有红色的叉叉，表示项目报错。

所以，我们需要在pom.xml文件中加入国内下载网址（阿里云maven库），使项目完整正确运行。

在如图所示位置，加入如下xml代码。最后保存文件，项目会自动更新，运行不再报错。

<repositories>
    <repository>
        <id>alimaven</id>
        <name>aliyun maven</name>
        <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
        <releases>
            <enabled>true</enabled>
        </releases>
        <snapshots>
            <enabled>false</enabled>
        </snapshots>
    </repository>
</repositories>

如果在下载的过程中出现问题，导致无法下载成功，也可以直接到我们的百度网盘统一下载。
链接：https://pan.baidu.com/s/1EsTSjuvkvXVL3hLBtVGxOw
提取码：fzfb

未完待续…