主页设计思路:
设计的思路:
(1)后台数据库设计,根据页面的功能可知,需要的表为章节信息表,表中需要的数据包括章节名称、编号、注释信息、图片地址
(2)后台设计:开发好chap.js页面调用数据库表中的内容,通过adapter.js实现与数据库的连接;开发好后在浏览器端能够顺利访问到http://127.0.0.1:8360/home/chap/pag
(3)前端设计:通过index.js实现获取http://127.0.0.1:8360/home/chap/pag所输出的信息,并且定义一个list数组存放有用的信息;页面中通过block与{
{}}实现信息的有用输出
系统执行的思路:
(1)页面调用index.js的数据,index.js调用http://127.0.0.1:8360/home/chap/page中的数据
(2)http://127.0.0.1:8360/home/chap/page访问数据库,查询章节表中的信息
(3)数据库进行信息的响应给后台
(4)后台将数据返回给index.js
(5)页面调用js的信息
index.js关键性代码:
index.js功能是获取后台与数据库想连接
getChapList: function () {
var that = this;
wx.request({
url: 'http://127.0.0.1:8360/home/chap/page', //此页面存放有与数据库连接后返回的数据
success: function (res) {
var result = res.data.data.data;
console.info(result) //拿到列表
var ChapList = [];
var imgs = [];
for (var i = 0; i < result.length; i++) {
imgs.push