摘要:例子目錄結(jié)構(gòu)如下代碼編寫工具采用目錄功能具體描述項(xiàng)目根目錄模塊安裝目錄。此例子對(duì)的版本和以上的版本也是有要求的,具體看官方文檔。有中文文檔的,但是那個(gè)網(wǎng)站有時(shí)候會(huì)訪問不了。不過在上有中文翻譯的托管。此例子完整代碼在上也可以查看。
Nest.js 入門小例子
前言:雖然使用官網(wǎng)的cli工具生成了一個(gè)基本的項(xiàng)目,但是由于正常開發(fā)中的項(xiàng)目的目錄結(jié)構(gòu)往往需要自定義的,官方這個(gè)例子并不能滿足我們的需求,而且對(duì)于新手來說,有一個(gè)完整的入門示例也是至關(guān)重要的。
例子目錄結(jié)構(gòu)如下:代碼編寫工具采用VSCode.
目錄功能具體描述:
first-nestjs-app 項(xiàng)目根目錄
node_modules node.js 模塊安裝目錄 。cli工具不會(huì)生成這個(gè)目錄,需要自己安裝
src cli工具生的源代碼目錄
test 測試目錄
src 目錄下的 test 目錄是我自定義的目錄,用于放演示代碼。
具體代碼描述:
test.controller.ts
import { Get, Controller } from "@nestjs/common"; import { TestService } from "./test.service"; // 引用service文件 @Controller("test") // /test/ 路徑 export class TestController { constructor(private readonly testService: TestService) {} @Get() // /test/ 路徑 firstTest 函數(shù)名可以隨意起 firstTest(): string { return this.testService.test(); } @Get(":id") // /test/1 等等路徑 findOneTest(): string { return this.testService.findOneTest(); } } // controller 只是做個(gè)簡單的路由轉(zhuǎn)發(fā),具體的邏輯是由service文件處理的。
test.service.ts
import { Injectable } from "@nestjs/common"; @Injectable() export class TestService { test(): string { // test 名字和 test.controller.ts 調(diào)用的地方要對(duì)應(yīng)上 return "test test test!"; //具體的邏輯處理這里做 } findOneTest(): string { return "findOneTest!"; } }
test.module.ts
import { Module } from "@nestjs/common"; import { TestController } from "./test.controller"; import { TestService } from "./test.service"; // 在Module的配置文件里配置對(duì)應(yīng)的 controller 和 service @Module({ imports: [], controllers: [TestController], providers: [TestService] }) export class TestModule {}
app.module.ts
// 最后需要把TestModule 加入到app.module.ts 的配置里 import { Module } from "@nestjs/common"; import { AppController } from "./app.controller"; import { AppService } from "./app.service"; import { TestModule } from "./test/test.module"; //引入文件 @Module({ imports: [TestModule], // 加到這里來 controllers: [AppController], providers: [AppService] }) export class AppModule {}
最后先安裝好所有的依賴, npm install 或者 cnpm install ,然后在根目錄下執(zhí)行 npm start run.然后在瀏覽器訪問 http://localhost:3000/test/ 和 http://localhost:3000/test/1 分別會(huì)輸出不同的結(jié)果。
PS:此例子對(duì)Node.js的版本和Nest.js(5.0以上)的版本也是有要求的,具體看官方文檔。Nest.js有中文文檔的,但是那個(gè)網(wǎng)站有時(shí)候會(huì)訪問不了。不過在github上有中文翻譯的托管。
此例子完整代碼在GitHub上也可以查看。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/95401.html
摘要:嘗試實(shí)現(xiàn)畫出一個(gè)彈射的小球很簡單,那怎么用多個(gè)小球?qū)崿F(xiàn)這樣的效果呢。 本文首發(fā)于我的博客,這是我的github,歡迎star。 ??這篇博客是模仿nest.js實(shí)現(xiàn)一個(gè)demo,由簡單到復(fù)雜,來一步步的實(shí)現(xiàn)它。這里是效果預(yù)覽。我的github里邊還有很多別的前端的demo,喜歡的話可以點(diǎn)個(gè)star,你的支持就是我的動(dòng)力。 從一道面試題開始 實(shí)現(xiàn)一個(gè)半徑10px的小球在500px*5...
摘要:為了能在上更簡便地使用這個(gè)炫酷的特效,在原項(xiàng)目作者的提醒下,花了幾小時(shí)直接將封裝成了組件。 showImg(https://segmentfault.com/img/bVbcFuE?w=1440&h=900); 為了能在Vue上更簡便地使用canvas-nest.js這個(gè)炫酷的特效,在原項(xiàng)目作者的提醒下,花了幾小時(shí)直接將canvas-nest封裝成了vue-canvas-nest組件。...
摘要:快速開始下載碼云高速下載安裝執(zhí)行包安裝,如無,請(qǐng)先執(zhí)行自動(dòng)創(chuàng)建數(shù)據(jù)庫配置必須使用必須使用必須使用運(yùn)行更新月報(bào)年月年月年月年月年月年月年月年月年月下載地址碼云一點(diǎn)說明月將發(fā)布用戶中心模塊和模塊,月月后續(xù)還會(huì)有商城模塊微信模塊 前言 大多數(shù) node.js 框架都沒解決架構(gòu)問題,使得 node.js 沒能像 spring 一樣的適合大型項(xiàng)目開發(fā)和維護(hù)的框架。 nest.js 出現(xiàn)改變了這種...
摘要:推薦項(xiàng)目一個(gè)基于繪制的網(wǎng)頁背景效果,很贊。非常輕量級(jí),只有行代碼左右,如果開啟更小了。使用起來非常簡單,即使你不是開發(fā)者,用起來也沒有問題。將下面的代碼插入到網(wǎng)頁的之間,最好是在前面。請(qǐng)不要講代碼放到標(biāo)簽之類,不然不會(huì)生效。 github推薦項(xiàng)目 canvas-nest.js A nest backgroud of website draw on canvas. 一個(gè)基于canvas...
閱讀 3428·2021-11-19 09:40
閱讀 1314·2021-10-11 11:07
閱讀 4846·2021-09-22 15:07
閱讀 2890·2021-09-02 15:15
閱讀 1964·2019-08-30 15:55
閱讀 539·2019-08-30 15:43
閱讀 883·2019-08-30 11:13
閱讀 1449·2019-08-29 15:36