Vue+nodeJs+MySql之周报管理系统-数据库

Posted 2021-04-16 前端慕课

今天开始步入Vue+nodeJs+mysql之周报管理系统项目的第一步——数据库。

我这里用的数据库是MySql数据库。

一、下载MySQL数据库

MySQL下载链接：https://dev.mysql.com/downloads/mysql/

网上已有很多MySQL安装教程，有需要的小伙伴可以自己挑选适合自己的来参考安装。

1. 下载Windows版本

2. 下载macOS版本

接下来我们来看看如何对数据库进行操作，对数据库的操作主要有两种方式：1. SQL语句；2. 图像化界面。

一、SQL语句方式

1. 创建数据库

CREATE DATABASE demo_weekly;

2. 创建数据库表

1) 创建用户表

CREATE TABLE `user` (  `id` int(30) NOT NULL COMMENT '用户id',  `name` varchar(100) COLLATE utf8_unicode_ci NOT NULL COMMENT '用户名称',  `password` varchar(100) COLLATE utf8_unicode_ci NOT NULL COMMENT '用户密码',  `email` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL COMMENT '用户邮箱',  `type` int(10) NOT NULL DEFAULT '2' COMMENT '用户类型',  `create_time` datetime NOT NULL COMMENT '创建时间',  `update_time` datetime NOT NULL COMMENT '更新时间',  `state` char(1) COLLATE utf8_unicode_ci NOT NULL DEFAULT '1' COMMENT '状态') ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

2) 创建周报表

CREATE TABLE `weekly` ( `id` int(30) NOT NULL COMMENT '周报id', `userId` int(30) NOT NULL COMMENT '创建者id', `startTime` date NOT NULL COMMENT '这周开始时间', `endTime` date NOT NULL COMMENT '这周结束时间', `title` varchar(30) COLLATE utf8_unicode_ci NOT NULL COMMENT '今年的第几周', `thisWeekWork` text COLLATE utf8_unicode_ci NOT NULL COMMENT '这周完成工作', `nextWeekWork` text COLLATE utf8_unicode_ci COMMENT '下周工作计划', `collaboration` varchar(255) COLLATE utf8_unicode_ci DEFAULT NULL COMMENT '需协调与帮助', `create_time` datetime NOT NULL COMMENT '创建时间', `update_time` datetime NOT NULL COMMENT '更新时间', `state` char(1) COLLATE utf8_unicode_ci NOT NULL DEFAULT '1' COMMENT '状态') ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci COMMENT='周报表';

至此我们用SQL语句创建数据库和用户表、周报表就已经完成了。下面再来讲述一下图形化界面方式哦~

二、图形化界面方式

我用的数据库图形化工具是：Navicat Premium，下面我们来看看如何用Navicat Premium创建数据库。

1. 创建数据库

2. 创建数据库表

1) 创建用户表

2) 创建周报表

图形化界面操作比较直观清晰，一般而言用这种方式的比较多。

三、项目体验链接

周报管理系统体验链接： https://www.17sucai.com/pins/35488.html