第 1 章 需求分析
1.1 实现巴士维修系统的功能
1 记录巴士id和维修问题
2 确定所需部件
3 完成维修
4 记录维修工时
5 计算维修总成本
第 2 章 ****系统概念结构设计
2.1er 图设计
2.2 数据字典
1.2.1 表格清单（黑体小4号，加粗）
| 表格名称 | 描述 |
|---|---|
| Bus | 巴士信息 |
| RepairIssue | 巴士维修问题 |
| Employee | 员工表 |
| RepairRecord | 维修记录 |
1.2.2 字段清单
Bus
| 字段名称 | 数据类型 | 约束 | 描述 |
|---|---|---|---|
| Bus_id | Int | 主键 | 巴士id编号 |
| Bus_model | varchar(50) | 巴士型号 | |
| Bus_year | timestamp | 生产年份 |
RepairIssue
| 字段名称 | 数据类型 | 约束 | 描述 |
|---|---|---|---|
| Issue_id | int | 主键 | 事件id |
| Bus_id | int | 外键 | 巴士id |
| Issue_part | varchar(50) | 维修部位 | |
| Issue_statue | int | 0 维修 1 修好 |
Employee
| 字段名称 | 数据类型 | 约束 | 描述 |
|---|---|---|---|
| E_id | int | 主键 | 员工id |
| E_name | varchar(8) | 姓名 | |
| E_phone | varchar(20) | 电话 | |
| E_salaryhour | Int | 工资/小时计算 | |
| E_recordtime | int | 工时 | |
| E_partprice | int | 部件报销工资部分 | |
| E_salary | Int | 总工资 |
RepairRecord
| 字段名称 | 数据类型 | 约束 | 描述 |
|---|---|---|---|
| R_id | int | 主键 | 维修编号 |
| Bus_id | int | 外键 | 巴士id |
| E_id | int | 外键 | 员工id |
| Record_time | int | 工时 | |
| Part_name | varchar(20) | 零件名称 | |
| Cost_part | int | 零件维修费 | |
| Date_repaired | date | 维修日期 |
第 3 章 逻辑结构设计
3.1 根据 er 图和数据字典生成逻辑结构视图
第 4 章 数据库设计和实现
4.1 创建数据库和数据表
4.2 插入测试数据
4.2.1 存储过程的方法
4.2.2 普通插入测试数据
4.3 数据删除
第 5 章 vue-vite 搭建前端可视化界面
5.1 准备
1 下载vue-vite :npm install -g vite
2 创建项目: vue create BusRepair_ly13
3 启动测试项目: cd BusRepaired npm install npm run dev
4 安装依赖: npm install cors npm install express npm install mysql npm install axios
5.2 初步搭建项目结构
1 在项目中创建server文件夹，用于搭建本地服务器
2 新建/server/app.js，用于配置服务器相关信息
let express = require('express')
let app = express()
let cors = require('cors')
let bodyParser = require('body-parser')
let router = require('./router')
app.use(bodyParser.json()); // 配置解析，用于解析 json 和 urlencoded *格式的数据
*app.use(bodyParser.urlencoded({extended: false}));
app.use(cors()) // *配置跨域
*app.use(router) // *配置路由
*app.listen(80, () => {
console.log('服务器启动成功');
})
3 新建/server/db/index.js，用于配置数据库相关信息
let mysql = require('mysql');
let database_BusRepaired = mysql.createPool({
host:'127.0.0.1',
user: 'root',
password: '1090119Your@',
database: 'busrepair_ly13'
})
module.exports = database_BusRepaired;
4 新建/server/API/bus.js，用于操作数据库
let database_BusRepaired = require('../datebase_BusRepaired/index');
exports.get = (req,res)=>{
var sql = 'select * from bus_ly13';
database_BusRepaired.query(sql,(err,data)=>{
if(err){
console.log(err);
return;
}
res.send(data);
})
}
5 新建server/router.js，用于配置对应路由
let express = require('express')
let router = express.Router()
let bus = require('./API/bus')
router.get('/bus', bus.get)
module.exports = router
6 启动服务:node app.js
6.1 浏览器输入127.0.0.1/bus 按回车
得到这样的json格式的数据就算是成功链接上数据库了
7 创建一个简单的测试页面(给app.vue添加按钮)
7.1 终端运行npm run dev
7.2 ok测试通过,接下来就是封住api和封装数据库存储过程,以及简单ui实现
