久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

正式的進(jìn)行查詢(xún)以前。讓我們使用統(tǒng)一的文件來(lái)重新初始化一個(gè)前后端分離的項(xiàng)目，以避免由于小版本問(wèn)題可能給我們帶來(lái)的困擾。 # 效果展示  # 下載 請(qǐng)點(diǎn)擊：[下載地址](https://github.com/mengyunzhi/spring-boot-and-angular-guild/archive/step2.2.zip)，下載后將其解壓到自己喜歡的位置，以后這個(gè)位置便是我們學(xué)習(xí)的項(xiàng)目目錄了。解壓后將得到以下目錄： ``` . ├── api │?? ├── HELP.md │?? ├── mvnw │?? ├── mvnw.cmd │?? ├── pom.xml │?? └── src └── web-app ├── README.md ├── angular.json ├── browserslist ├── e2e ├── karma.conf.js ├── node_modules ├── package-lock.json ├── package.json ├── src ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json ``` 其中`api`文件夾為后臺(tái)，`web-app`文件夾為前臺(tái)。后臺(tái)是一個(gè)標(biāo)準(zhǔn)的`maven`托管的項(xiàng)目，前臺(tái)是一個(gè)標(biāo)準(zhǔn)的`npm`托管的項(xiàng)目。這也是網(wǎng)上一些示例代碼的標(biāo)準(zhǔn)的文件結(jié)構(gòu)。說(shuō)起來(lái)有些慚愧，大概是在3年前我購(gòu)買(mǎi)了一套模板，然后下然到本地大概就是上面的文件結(jié)構(gòu)，當(dāng)時(shí)自己除了能看看源代碼外，根本就不知道應(yīng)該如何在這種代碼下起環(huán)境，所以高喊上當(dāng)。然后大概又過(guò)了1年，記憶差的自己在相同的站點(diǎn)上又以同樣的價(jià)格購(gòu)買(mǎi)了相同的模板。。。下載到本地后竟然感覺(jué)似曾相識(shí)，不同的是此次一看目錄結(jié)構(gòu)便知道是它是個(gè)`npm`管理的前臺(tái)項(xiàng)目，起動(dòng)環(huán)境也是再常規(guī)不過(guò)的操作了。 ## 啟動(dòng)前臺(tái) 進(jìn)入前臺(tái)項(xiàng)目文件夾`web-app`，然后執(zhí)行`npm install --registry=https://registry.npm.taobao.org`來(lái)完成依賴(lài)包的安裝。接著執(zhí)行`ng serve`來(lái)啟動(dòng)前臺(tái)。日志如下： ``` panjiedeMac-Pro:web-app panjie$ npm install --registry=https://registry.npm.taobao.org up to date in 6.965s ╭────────────────────────────────────────────────────────────────╮ │ │ │ New minor version of npm available! 6.9.0 → 6.11.3 │ │ Changelog: https://github.com/npm/cli/releases/tag/v6.11.3 │ │ Run npm install -g npm to update! │ │ │ ╰────────────────────────────────────────────────────────────────╯ panjiedeMac-Pro:web-app panjie$ ng serve 10% building 3/3 modules 0 active? ?wds?: Project is running at http://localhost:4200/webpack-dev-server/ ? ?wds?: webpack output is served from / ? ?wds?: 404s will fallback to //index.html chunk {main} main.js, main.js.map (main) 49.5 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 264 kB [initial] [rendered] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered] chunk {styles} styles.js, styles.js.map (styles) 10.1 kB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 4.08 MB [initial] [rendered] Date: 2019-09-30T00:14:25.229Z - Hash: 54ed3cc2956637b195e9 - Time: 7060ms ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** ? ?wdm?: Compiled successfully. ``` >[info] `ng serve`啟動(dòng)項(xiàng)目；`ng serve --open`啟動(dòng)項(xiàng)目并自動(dòng)打開(kāi)瀏覽器。 然后找到自己喜愛(ài)的瀏覽器(教程中使用chrome。IE系列瀏覽器的性格不太穩(wěn)定，推薦使用firefox或chrome)，打開(kāi)[http://localhost:4200](http://localhost:4200)，查看前臺(tái)啟動(dòng)效果。 ## 啟動(dòng)后臺(tái) 依次操作`IDEA` -> `open` -> `api/pom.xml` -> `open` -> `Open as Project`  耐心等待，直至`IDEA`為我們安裝成功所有的依賴(lài)，`IDEA`最上方的啟動(dòng)按鈕點(diǎn)亮。  > 此時(shí)點(diǎn)擊啟動(dòng)按鈕后，系統(tǒng)在啟動(dòng)的過(guò)程中會(huì)發(fā)生錯(cuò)誤，這是由于我們沒(méi)有配置數(shù)據(jù)庫(kù)連接信息造成的，正常。 # 參考文檔 | 名稱(chēng) | 鏈接 | | --- | --- | | Angular中文--搭建環(huán)境 | [https://www.angular.cn/guide/setup-local](https://www.angular.cn/guide/setup-local) | | 項(xiàng)目源碼| [https://github.com/mengyunzhi/spring-boot-and-angular-guild/releases/tag/step2.2](https://github.com/mengyunzhi/spring-boot-and-angular-guild/releases/tag/step2.2) | > 在教程中我們盡量給出所用到的知識(shí)點(diǎn)的一些官方鏈接，有些內(nèi)容當(dāng)前階段的你可能看不懂，這并不影響你對(duì)本教程的學(xué)習(xí)。我們之所以給出這些文檔是期望教程能起到拋磚引玉的作用，讓大家可以在官方教程中找到些靈感。