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

https://youzan.github.io/vant/#/zh-CN/tabbar#lu-you-mo-shi

[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);