*本次演示的开发工具VS是2015版本
*项目开始之前请自行建设并且引入数据库相关信息
*引入jquery-3.2.1.min.js
1.页面的布局(可根据实际需求自行改动)
这里使用了框架布局效果如下:
2.编写控制器的代码查询数据库里的信息
/* 1.实列化Models
*2.通过控制器查询数据库里表格的信息
*from后面跟的可自行命名
*in 后面跟的是对应数据库里的表名称
*将查询到的信息传到前面的xy
*再通过后面的return Json.......传到页面
*\
3.编写页面代码接收控制器传来的信息
*通过get方法来获取信息
*academy(应与控制器里的方法名称一致)调用
*在控制台中输出控制器传来的数据(检测控制器是否查询到数据)
*控制台的输出数据与数据库的信息一致(成功接收到信息)
- 4.在页面进行代码动态拼接(注意符号)
- *先声明一个变量str等于空
-
*然后用each方法来接收并且给函数一个参数index
*再通过data[index].name的形式可以接收到对应的数据(可自行输出 到控制台中验证)
*依次拼接完后数据传到str中(可直接输出到控制台验证是否拼接成功)
- 5.通过append方法将拼接的str插入到上面的布局中的表中
6.刷新页面即可查询到数据库的信息
-
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!!!