基础应用-文件上传/下载

背景说明

背景：假设有一张student_file表。这个表存储的是学生维度的文件。
需求：创建对应的管理页来管理这些文件数据

数据库表如下:

CREATE TABLE `student_file` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `downloadPath` varchar(255) DEFAULT NULL COMMENT '文件下载路径',
  `filename` varchar(255) DEFAULT NULL COMMENT '文件名',
  `binarySize` varchar(255) DEFAULT NULL COMMENT '文件大小',
  `studentName` varchar(255) DEFAULT NULL COMMENT '学生名字',
  `docType` varchar(255) DEFAULT NULL COMMENT '文档类型',
  `remarks` varchar(255) DEFAULT NULL COMMENT '备注',
  `operation` varchar(255) DEFAULT 'insert' COMMENT '操作; insert, update, jhInsert, jhUpdate, jhDelete jhRestore',
  `operationByUserId` varchar(255) DEFAULT NULL COMMENT '操作者userId',
  `operationByUser` varchar(255) DEFAULT NULL COMMENT '操作者用户名',
  `operationAt` varchar(255) DEFAULT NULL COMMENT '操作时间; E.g: 2021-05-28T10:24:54+08:00 ',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=205 DEFAULT CHARSET=utf8mb4;

方法1: 使用jianghu-init page 1table-file-page生成页面

$ cd my-project
$ jianghu-init page --type=1table-file-page
    ✔ 初始化数据库连接成功
    ℹ 开始生成 CRUD
    ? 请选择你要生成 crud 的表 student_file
    { tables: [ 'student_file' ] }
    ℹ 开始生成 student_file 的 CRUD
    ? 【student_file】数据表pageId studentFileManagement
    ✔ init crud is success
    ✔ jianghu init page is success
$ npm run dev
    2023-04-10 19:53:34,850 INFO 75042 [master] agent_worker#1:75046 started (771ms)
    2023-04-10 19:53:35,709 INFO 75042 [master] @jianghujs/jianghu started on http://127.0.0.1:7001 (1631ms)

浏览器访问：http://127.0.0.1:7001

方法2: 使用jianghu-init project 1table-crud-file生成项目

1table-crud-file项目里面讲的就是文件上传的案例，我们可以从这个项目里拷贝代码，然后适配代码 来实现我们的需求。

$ jianghu-init project --type=1table-crud-file my-1table-crud-file
    ? project name my-1table-crud-file
    ? project description 
    ? project author 
    ? cookie security keys 1681128110653_3355
    ? database name my_1table_crud_file
    ? 数据库IP： 127.0.0.1
    ? 数据库端口： 3306
    ? 数据库账号： root
    ? 数据库密码： 123456
    ✔ 目录切换 my-1table-crud-file
    ✔ 初始化`数据库基本表和数据`完成
    ✔ usage:
          - cd /xxx/my-1table-crud-file
          - npm install
          - npm start / npm run dev
    ✔ jianghu init project is success
$ cd my-1table-crud-file
$ npm i
$ npm run dev
    2023-04-10 19:53:34,850 INFO 75042 [master] agent_worker#1:75046 started (771ms)
    2023-04-10 19:53:35,709 INFO 75042 [master] @jianghujs/jianghu started on http://127.0.0.1:7001 (1631ms)

浏览器访问：http://127.0.0.1:7001 用户名admin密码123456