代码拉取完成,页面将自动刷新
下载本项目后
npm install
运行vue项目
npm run dev
开启express服务器
node server/bin/www
vue init webpack demoFolder
安装express
npm install express-generator
生成express框架文件夹
express server
cd server
npm install
安装 ejs
npm install ejs --save
server > app.js 引入 ejs 模块
var ejs = require('ejs');
server > app.js 设置语言类型
app.engine('.html',ejs.__express);
app.set('view engine','html');
新建路由
var eg= require('path/eg');
app.use('/eg',eg);
安装 ejs
npm install ejs --save
安装pm2
npm install pm2 -g
启动pm2
pm2 start name
关闭pm2
pm2 stop name(all)
npm install mongoose --save
mongo
术语
数据库 database
集合 collection 表
记录行文档 document
域 键值对 field
索引 index
主键 生成 _id primary key
创建数据库并插入
db.demo.insert({
"userId":101,
"name":" jack",
"class":{ num:30 }
})
删除数据库
db.dropDatabase()
删除集合
db.user.drop()
查找集合 格式美化
db.demo.find().pretty()
查找第一条数据
db.demo.findOne()
查找条件
大于
db.demo.find({age:{$gt:20}})
大于等于
db.demo.find({age:{$gte:20}})
小于
db.demo.find({age:{$lt:20}})
小于等于
db.demo.find({age:{$lte:20}})
等于
db.demo.find({age:{$eq:20}})
数据更新 显示查找条件,然后$set修改 (子文档用class.num)
db.demo.update({“name”:"jack"},{$set:{"class.num":25}
数据删除
db.demo.remove({“name”:"zxy"})
var mongoose = require('mongoose');
var Schema = mongoose.Schema;
With Mongoose, everything is derived from a Schema.
模板定义
var egSchema = new Schema({
"name":String
});
以下输出会自动在数据库查找 egs 数据表
module.exports = mongoose.model('Eg',egSchema)
var express = require('express')
var router = express.Router()
var mongoose = requier('mongoose')
获取到数据表egs的数据
var Egs= require('../models/egs')
链接mongodb数据库
mongoose.connect('mongodb://127.0.0.1:27017/mydemo')
返回数据
router.get('/',(req,res,next)=>{
Egs.find({},(err, doc) => {
if (err) {
res.json({
status: 1,
msg: err.msg
})
} else {
res.json({
status: 0,
msg: "",
result: {
count: doc.length,
list: doc
}
})
}
})
})
module.exports = router
target是跨域的接口的链接地址
代理跨域 config > index.js
proxyTable: {
'/egs': {
target: 'http://localhost:3000'
}
},
axios.get('/egs',{
param:params
}).then(res=>{
获取到数据
}).catch(err=>{
错误
})
在template里包裹所有子组件的外层div加 v-if="shouldComponentUpdate",手动刷新时,执行
this.shouldComponentUpdate = false
this.$nextTick(() => {
this.shouldComponentUpdate = true;
});
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。