杰网资源 Design By www.escxy.com
一、开发环境准备
npm init -y //初始化仓库 npm i koa koa-router -S //安装koa和路由模块 npm i nodemon -S
二、开启node服务
//index.js const koa = require("koa"); const router = require("koa-router")(); const app = new koa(); router.get("/",async ctx=>{ ctx.body = "我是首页" }) app.use(router.routes()); app.listen(8080);
三、配置art-template
3-1 安装依赖
npm install koa-art-template art-template -S
四、拆分路由系统
//routers-index.js const router = require("koa-router")(); router.get("/", async ctx => { await ctx.render('index'); }) module.exports = router;
//index.js const koa = require("koa"); const router = require('./routers/index.js'); const render = require('koa-art-template'); const app = new koa(); const path = require("path"); render(app, { root: path.join(__dirname, 'views'), extname: '.html', debug: process.env.NODE_ENV !== 'production' }); app.use(router.routes()); app.listen(8080);
五、初始化项目的配置文件
//init-config.js const path = require("path"); const render = require('koa-art-template'); const router = require('../routers/index'); function initConfig(app) { // process.cwd()可以读取项目的路径 render(app, { root: path.join(process.cwd(), 'views'), extname: '.html', debug: process.env.NODE_ENV !== 'production' }); app.use(router.routes()); } module.exports = initConfig;
//index.js const koa = require("koa"); const app = new koa(); let initConfig = require('./init/config'); initConfig(app); app.listen(8080);
六、MVC设计项目结构
model -->数据层 views -->视图层 controllers -->视图控制层
//routers--index.js const router = require("koa-router")(); const controllers = require("../controllers"); // 只写文件名默认会读取文件里的index.js router.get("/", controllers.index) module.exports = router;
//controller--index.js let index = async ctx=>{ await ctx.render('index'); } module.exports = { index }
七、获取post传值
//1.安装依赖 npm i koa-bodyparser -S
//2.进行项目的配置 var Koa = require('koa'); var bodyParser = require('koa-bodyparser'); var app = new Koa(); app.use(bodyParser()); app.use(async ctx => { //3.取值 ctx.request.body ctx.body = ctx.request.body; });
八、连接数据库
npm i mongoose -S
//models --db.js const mongoose = require('mongoose'); mongoose.connect( 'mongodb://127.0.0.1:27017/studentManage', {useNewUrlParser: true},(err)=>{ if(err) throw err; console.log("database连接成功") }); module.exports = mongoose;
//models --user.js var mongoose = require('./db'); var UserSchema = new mongoose.Schema({ name:String, pwd:String }) var User = mongoose.model('User',UserSchema,'user'); module.exports = User;
//controllers -- index.js let doLogin = async ctx=>{ let {user,pwd} = ctx.request.body; let data = await UserModel.find({name:user,pwd}); console.log(data); // 数据库中有对应的用户名密码则数组有东西,没有则数组没东西 if(data.length>0){ /* 登录成功 */ ctx.body = "登录成功" }else{ ctx.body = "用户名和密码不存在" } }
总结
杰网资源 Design By www.escxy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
杰网资源 Design By www.escxy.com
暂无评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。