摘要
这个小程序主要基于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、获取后台数据并暴露接口给前端