欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

对数据实现增删改查

程序员文章站 2022-07-11 08:14:36
近段时间,在亿丰物流配送系统的基础上对数据实现增删改查。亿丰物流配送系统前端使用了Vue框架,后端使用了ThinkPHP框架。实现增删改查主要有以下几个步骤: 1、将项目代码和数据库拷贝到本地Wampserver64和Navicat Premium 12中。注意:数据库需要先新建MySQL链接,在此 ......

  近段时间,在亿丰物流配送系统的基础上对数据实现增删改查。亿丰物流配送系统前端使用了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框架并不熟悉,所以,这里只讲述实现功能的逻辑,具体代码怎么实现,日后在叙。