express+mysql实现一个博客的基础增删改查（内含踩过的坑）

1.主要技术和框架安装

框架和数据库：vue3，element-ui , express , node, mysql，axios；

server.js放连接数据库，处理数据，router.js处理路由的关系。创建文章页，文章列表页，编辑文章页

首先安装node，后安装vue3，安装：

#安装vue3
$ vue create 项目名字
$ cd element-demo

#安装element-ui
$ vue add element

#安装express
$ npm install express-generator -g

#安装mysql+cors
$ npm i express@next mysql cors

 一些框架样式可以看Element-ui的官网。左边导航栏有文章列表和创建文章。右边可由路由跳转到不同的页面。这部分是主要是router-view标签和在router.js中命名路由。

element-ui的路由设置，item对应唯一的id，router； 在el-menu 有router，否则路由点击后跳转不了，只能显示普通文字

 

<el-menu router :default-openeds="['1']">
	<el-submenu index="1">
		<template slot="title">
			<i class="el-icon-data-line"></i>内容管理
		</template>
		<el-menu-item index="/articles/index" router="true">文章列表</el-menu-item>
		<el-menu-item index="/articles/create" router="true">新建文章</el-menu-item>
	</el-submenu>
</el-menu>

2. mysql配置

使用Navicat进行mysql的数据库设置。主要是查看数据库的连接属性（点连接右键）

创建数据库，创建表一类的。为了方便就这样设计了：id，编辑事件，用户名，文字标题，内容。