Technical Notes

实现对客户表做增删改查前端部分

作者:Timber 指导教师:lina 操作系统:Windows 10 开发工具:Visual Studio Code

目录
  1. 1.1项目信息
  2. 1.2项目需求
  3. 1.2.1使用MySQL数据库,创建客户表
  4. 1.2.2使用MySQL中insert语句新增3~5条客户数据到t_customer表中并完成如下功能:
  5. 1.3项目效果
  6. 1.3.1客户列表
  7. 1.3.2添加客户
  8. 1.3.3修改客户
  9. 1.4项目部署
  10. 1.4.1安装项目依赖
  11. 1.4.2启动为开发编译和热重载
  12. 1.4.3启动为生产环境

1.1项目信息

作者:Timber

指导教师:lina

操作系统:Windows 10

开发工具:Visual Studio Code

1.2项目需求

1.2.1使用MySQL数据库,创建客户表

create table t_customer(

id int primary key auto_increment,

username varchar(200),

jobs varchar(200),

phone varchar(200));

1.2.2使用MySQL中insert语句新增3~5条客户数据到t_customer表中并完成如下功能:

  • 查询所有的客户信息,以列表方式进行显示。
  • 新增客户信息。
  • 根据客户Id修改客户username,jobs,phone.
  • 根据客户Id删除客户

1.3项目效果

1.3.1客户列表

1.3.2添加客户

1.3.3修改客户

1.4项目部署

1.4.1安装项目依赖

npm install

1.4.2启动为开发编译和热重载

npm run serve

1.4.3启动为生产环境

npm run build