技术选型和知识点介绍(上)

2-1、开始

技术选型种类最终选择
框架选型koa2 vs express vs eggkoa2
数据库选型mysql vs mongodbmysql
登录技术session vs jwtsession
前端页面ejs后端模板引擎 vs vue/react前端框架ejs后端模板引擎

注:开发后端阶段,先使用 ejs 模板引擎,进行联通。后期会使用 vue 开发前端界面。

2-2、介绍koa2-创建项目

(1)安装koa2

  • npm install koa-generator -g
  • koa2 -e koa2-weibo-code
    在这里插入图片描述
  • cd koa2-weibo-code
  • npm i
    在这里插入图片描述

(2)设置环境变量

  • 安装 cross-env -D
    在这里插入图片描述

2-3、介绍koa2-讲解代码结构

修改文件目录及配置文件
在这里插入图片描述

目录介绍
bin/www.js请求监听文件
public静态文件
router路由层
view界面
app.js入口文件

2-4、介绍koa2-演示路由

(1)普通路由

/* router/users.js */

const router = require('koa-router')()

//前缀
router.prefix('/users')

router.get('/json', async (ctx, next) => {
  ctx.body = {
    title: 'koa2 json'
  }
})
module.exports = router
/* app.js */
const users = require('./routes/users')
app.use(users.routes(), users.allowedMethods())

(2)获取url中的参数

router.get('/profile/:username/:pageIndex', function (ctx, next) {
  const {username,pageIndex} = ctx.params
  ctx.body = {
    username,
    pageIndex
  }
})

在这里插入图片描述

2-5、介绍ejs-变量和判断

(1)原理
在这里插入图片描述

(2)变量

  • 如果 router 没有传递 index.ejs 中所需的值时会报错。
  • 使用 locals.name即可解决该问题
<p><%= locals.name%></p>

(3)判断

<div>
   <% if (isMe) { %>
      <a>有人@我</a>
   <% } else { %>
       <button>关注</button>
   <% } %>
</div>

(4)循环和引用组件

在这里插入图片描述

2-6、建表

  • users表
columndatatypepk主建nn不为空Al自动增加Default
idintYYY
usernamevarchar(20)Y
passwordvarchar(20)Y
nicknamevarchar(10)Y
  • blogs表
columndatatypepk主建nn不为空Al自动增加Default
idintYYY
titlevarchar(50)Y
contentlongtextY
useridintY
  • blog中的userid设置为外键
    在这里插入图片描述

2-7~2.13、使用 sequelize 操作数据库 Mysql


技术选型和知识点介绍(下)

欢迎访问我的个人博客

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海面有风

您的鼓励将是我前进的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值