紫月i的博客

源码在本人博客资源当中，本文为项目代码的详细介绍解释，供于大家学习使用Vue项目的入口文件：mian.js//vue项目入口文件//导入vueimport Vue from 'vue'//导入根组件appimport App from './App'//导入路由文件import router from './router'//导入ElementUIimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/i

先实现增加信息：post参数的获取：express中接受post请求参数需要借助第三方包 body-parser下载npm install body-parser//引入body-parser模块const bodyParser = require('body-parser');//拦截所有请求,配置body-parser模块//extended:false 方法内部使用querystring模块处理请求参数的格式,并且把参数保存在req当中//extended:true 方法内部使用第三方

1.下载依赖：npm install vue-router在src目录下新建一个文件夹router，在router文件夹下新建一个文件router.js文件,在component目录下新建增加删除和修改的组件，引入router.js当中此时的init组件为主页面（（二、三）的app.vue），app.vue只用来写路由占位符router.js：import Vue from 'vue'import Router from 'vue-router/dist/vue-router.js'impor

先用npm init -y生成配置文件在项目下新建src文件夹，app.js文件。src目录用来放静态资源文件，app.js是服务器文件，index.js是vue的入口文件使用npm install express下载express框架在app.js文件夹开启node服务，监听的端口为3000，并且开放静态资源文件的src目录const express = require('express');const app = express();const path = require('path'

先往数据库当中添加两条学生数据INSERT INTO student VALUES(1,'张三','男','大数据');INSERT INTO student VALUES(2,'李四','男','物联网');SELECT * FROM student;下载MySQL模块：npm install mysql先介绍一下vue的生命周期函数mounted，它会在vue页面一加载就执行里面的代码思路：在加载页面的时候创建一个ajax对象，帮我们请求数据库，获取当中的数据，再渲染到页面当中

SHOW DATABASES;CREATE DATABASE students;USE students;CREATE TABLE student(id INT COMMENT ‘学号’,name VARCHAR(32) COMMENT ‘姓名’,sex VARCHAR(8) COMMENT ‘性别’,class VARCHAR(64) COMMENT ‘班级’)SHOW TABLES;