4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯

后台设计幻灯:本教程均在第一节中项目启动下操作

  • 1.首页幻灯片
    • php安装:
    • phpthink安装:
  • 2.数据库创建:
    • 幻灯片表:
    • 项目根目录下cmd :
    • 执行 : php think diygw:tableandapi one@Hdp
    • 查看结果目录:
    • 访问url: http://one.com/one/api.hdp/list
  • 3.界面增删改查:
    • 打开客户端->个人中心
      • 打开: 新版本PC /Elment-Admin
    • 编辑页面:
      • 拖拽一个crud表格:
      • 修改标题:
      • 修改api:
    • 查询表单设计:
      • 工具实用按键:![在这里插入图片描述](https://img-blog.csdnimg.cn/ac39ef1b4dbc4fff89604a338d62b0cf.png)
      • 编辑表单:
      • 编辑表单:
    • 保存源码至本地:输入项目地址后->确定->在保存源码到本地
    • 创建数据:
      • 数据库查询进行验证:
  • 本文章原自bilibli作者视频整理,已通过作者同意,挂载视频地址

1.首页幻灯片

php安装:

php官网自行下载
或者百度网盘:

链接:https://pan.baidu.com/s/1NT9QQTIjipIX9tc17Bn6Dg
提取码:8686

phpthink安装:

phpthink官网自行下载
或者上述百度网盘链接也有

2.数据库创建:

数据全表的sql已经在百度网盘上了

幻灯片表:

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------
-- Table structure for one_hdp
-- ----------------------------
DROP TABLE IF EXISTS `one_hdp`;
CREATE TABLE `one_hdp` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `title` varchar(200) DEFAULT '' COMMENT '标题',
  `create_time` datetime DEFAULT NULL,
  `update_time` datetime DEFAULT NULL,
  `delete_time` datetime DEFAULT NULL,
  `img` varchar(2000) DEFAULT NULL COMMENT '图片',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC;

-- ----------------------------
-- Records of one_hdp
-- ----------------------------
INSERT INTO `one_hdp` VALUES ('1', '标题', '1899-12-29 00:00:00', '2023-06-29 19:41:33', '2023-06-09 19:41:43', null);

项目根目录下cmd :

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第1张图片

执行 : php think diygw:tableandapi one@Hdp

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第2张图片

查看结果目录:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第3张图片

访问url: http://one.com/one/api.hdp/list

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第4张图片

3.界面增删改查:

打开客户端->个人中心

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第5张图片

打开: 新版本PC /Elment-Admin

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第6张图片

编辑页面:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第7张图片

拖拽一个crud表格:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第8张图片

修改标题:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第9张图片

修改api:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第10张图片

查询表单设计:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第11张图片

工具实用按键:4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第12张图片

编辑表单:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第13张图片

编辑表单:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第14张图片
4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第15张图片

保存源码至本地:输入项目地址后->确定->在保存源码到本地

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第16张图片
!!!只有项目第一次需要指定目录,后期每次修改都要保存,类似IDE每次保存代码,后续不再单独列出本步骤,默认每次操作完都会进行

创建数据:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第17张图片

数据库查询进行验证:

4.DIY可视化-拖拽设计1天搞定主流小程序-后台设计幻灯_第18张图片

本文章原自bilibli作者视频整理,已通过作者同意,挂载视频地址

你可能感兴趣的:(uniapp可视化,php,开发语言)