对数据实现增删改查
近段时间,在亿丰物流配送系统的基础上对数据实现增删改查。亿丰物流配送系统前端使用了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框架并不熟悉,所以,这里只讲述实现功能的逻辑,具体代码怎么实现,日后在叙。
推荐阅读
-
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
-
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之五(三十一)
-
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之八(三十四)
-
JS实现数组的增删改查操作示例
-
spring-data-jpa实现增删改查以及分页操作方法
-
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之列表视图(七)
-
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之增删改视图(八)
-
sql server连接oracle并实现增删改查
-
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之菜单与测试(九)
-
python实现的MySQL增删改查操作实例小结