表单数据展示微信小程序（中国银行汇率展示）

摘要

        这个小程序主要基于mpvue来写的前端代码，使用node的express框架来实现的后台编写。主要是来展示一条条的数据，由于我们老师要求我们展示中国银行的汇率，所以我这个小程序主要是展示银行汇率的。数据方面是保存在mysql中，会爬虫的同学可以使用爬虫来获取数据并保存到mysql中，由于爬虫是我们小组的另一个同学写的；所以我这里只分享小程序前端、后台到mysql的打通。

效果展示

 

前端

1、首先使用vue-cli创建mpvue项目

 # 全局安装 vue-cli
 $ npm install --global vue-cli
 
 # 创建一个基于 mpvue-quickstart 模板的新项目
 $ vue init mpvue/mpvue-quickstart my-project
 
 # 安装依赖
 $ cd my-project
 $ npm install
 # 启动构建
 $ npm run dev

2、编写展示组件

 3、在index.vue中使用组件并传入渲染数据

4、请求并保存后台数据

 

后台

1、目录结构

2、创建数据库连接池，并链接数据库，获取数据

 

3、获取后台数据并暴露接口给前端