Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架
Egg.js 框架
ejs
<ul>
<%for(var i=0;i<list.length;i++){%>
<li><%= list[i] %></li>
<%}%>
</ul>
await ctx.render('index.html',{res});
const res = await ctx.service.product.index();
postman
body-->raw-->JSON
"/details/:id" ctx.params.id
"/details/?name=mono" ctx.query.name
'use strict';
const Controller = require('egg').Controller;
class ProductController extends Controller {};
module.exports = ProductController;
内置多进程管理?
目录
涉及技术点
Egg.js特性
基础功能讲解
Egg.js入门课程
web安全概念
老师讲的重点是什么呢
public:存放所有的静态资源。
Router用来主要用来描述URL和具体承担执行动作的Controller的对应关系,用于统一路由规则。所以关于路由的配置都会放在app/router.js下面。
controller下面主要是放各个业务逻辑,比如,首页模块、用户模块、商品模块。
app:项目的核心目录,存放开发的业务逻辑和数据库的操作。
config:对Egg.js的一些插件进行配置。
test:进行单元测试时,使用的。
package.json中在scripts下有两个启动命令start和dev,dev比较适合在开发环境中使用,start适合在实际生产项目中使用。
CORS
vue proxy server
[Button.name]: Button
router-view
import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)
vue-router
```sh
# vant ui
$ yarn add vant
$ yarn add -D babel-plugin-import
```
https://github.com/Brooooooklyn/ts-import-plugin
## .babelrc
```js
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
// import { Button } from 'vant';
```
vue -h
vue -V
3.7.0
Vant UI
'use strict';
// import { log } from '../utils/log';
const log = console.log;
const Controller = require('egg').Controller;
class HomeController extends Controller {
async index() {
const { ctx } = this;
const {
// query,
// params,
// request,
// response,
// app,
// originalUrl,
// req,
// res,
// socket,
// service,
render,
} = ctx;
log(`render =\n`, render)
// render =
// render(...args) {
// return this.renderView(...args).then(body => {
// this.body = body; // 不需要 ctx.body = html
// });
// }
// 不支持 render 结构???
// const html = await render('index.html');
const uid = 123;
// const html = await ctx.render('index.html', { uid });
// ctx.body = html
// await ctx.render('home.ejs', {
// uid,
// });
await ctx.render('index.html', {
uid,
});
// await ctx.render('index.html');
// ctx.body = 'hi, egg';
}
}
module.exports = HomeController;
// ctx.body = ctx.render('index.html');
const uid = 123;
ctx.body = ctx.render('index.html', uid);