首页 > 其他 > 详细

对数据实现增删改查

时间:2019-04-22 19:07:31      阅读:128      评论:0      收藏:0      [点我收藏+]

  近段时间,在亿丰物流配送系统的基础上对数据实现增删改查。亿丰物流配送系统前端使用了Vue框架,后端使用了ThinkPHP框架。实现增删改查主要有以下几个步骤:

1、将项目代码和数据库拷贝到本地Wampserver64和Navicat Premium 12中。注意:数据库需要先新建MySQL链接,在此链接的基础上运行SQL文件(项目数据库)。

2、在个人码云中新建项目,将项目代码文件上传到码云中。

3、新建页面:

  (1)在application(应用层)下的index下的view(视图层)下新建test.html。这里写的代码和之前做网页有所不同,不需要写HTML头部代码,直接在html文件中写div,并在div中设置"id" 或 "class"选择器(一个页面的标志)。如果需要引入CSS文件,在test.html顶部插入<link rel=“stylesheet” href="CSS路径" type=“text/css”>,Cascading Style Sheet为CSS的缩写。在test.html最后插入<script>用于写JavaScript的链接。

  (2)在public/static/js/page下新建test.js文件。这里的js使用了Vue框架,我是把别人的代码中的Vue框架复制过来的,同时在iview官网里找到了表格的框架,复制过来。更改test.js中Vue里的el为test.html里之前写的选择器名。

  (3)在test.html对应的路径下找到index.html(项目页面的目录,所有页面都需要在这里先声明),按照其他子页面的格式将test.html插入。

  (4)application/index/controller(控制层)/index.php按照其他子页面的格式写test函数。

  (5)public/static/config.json中按照其他子页面的格式写。

  (6)application/route.php(项目路由)写新建页面的路由。

至此,新的页面就建完了。

4、将数据显示在新建页面的表格中

  iview官网中是将数据直接写入页面js文件中,而我们要做的是一切数据来源于数据库,包括增删改查都是对数据库中的数据进行操作的,操作完成后,在将数据初始化到页面上。所以,只能借用iview中表格的框架进行数据展示。通过axios向后台发送请求,将请求到数据存入iview中的一个数组中,将数组中的数据初始化到页面上。

5、增删改查

  增删改查都需要对数据库里的数据进行操作。

  (1)在database中描述的是数据库的各种信息,在将代码保存到本地的Wampserver64,需要修改database中的相应代码。

  (2)在test.js中的methods中写入操作的方法,包括:请求方式,url,axios。

  (3)在route.php中写一个功能的接口。

  (4)在Service.php中写对数据库进行增删改查操作的函数。

这样,我们就可以对数据实现增删改查功能了,但由于目前自己对Vue和TP框架并不熟悉,所以,这里只讲述实现功能的逻辑,具体代码怎么实现,日后在叙。

对数据实现增删改查

原文:https://www.cnblogs.com/1723zx/p/10751772.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!