当前位置: 首页 > Web前端 > HTML5

基于阿里egg框架搭建博客(二)——Hello-World

时间:2023-04-04 23:53:59 HTML5

相关文章基于阿里egg框架搭建博客(一)——开发准备基于阿里egg框架搭建博客(二)——HelloWorld基于阿里egg框架搭建博客(三)——注册登录基于阿里egg框架搭建博客(四)——访问控制基于阿里egg框架搭建博客(五)——置顶导航栏基于阿里egg框架搭建博客(六)——浏览发布文章基于阿里egg框架搭建博客(七)——编辑文章githttps://github.com/ZzzSimon/e...喜欢就点个赞吧!文本这是一个必要的HelloWorld章节。本章将在不使用脚手架的情况下逐步创建一个helloworldweb应用程序。初始化项目首先初始化目录结构:$mkdiregg-hello-world$cdegg-hello-world$npminit$npmiegg--save$npmiegg-bin--save-dev执行完成后,如下图注意:这里除了下载的node模块什么都没有,不用着急,我们接下来会一点一点的创建。在package.json中添加npmscripts:{"name":"egg-example","scripts":{"dev":"egg-bindev"}}写Controller我们在上一节中知道需要controller放置在app/controller/目录中,所以我创建了helloWorld.js文件://app/controller/home.jsconstController=require('egg').Controller;classHelloWorldControllerextendsController{asyncindex(){this.ctx.body='你好世界';}}module.exports=HelloWorldController;写一个路由规则egg把路由交给app/router.js管理,所以我们在app/目录下创建一个router.js文件://app/router.jsmodule。exports=app=>{const{router,controller}=app;router.get('/',controller.helloWorld.index);};在配置文件末尾添加一个配置config/config.default.js文件:注意:config和app同级!//config/config.default.jsexports.keys="123456";//<这里改成你自己的Cookie安全字符串>;目录结构最后,我们的目录如下:启动并运行$npmrundevbrowser输入:http://127.0.0.1:7001最后,如果大家看完后觉得有用,请给作者一个赞!谢谢你!