网页站台初体验

在昨日最後大头跟小光说c#的介绍告一段落了，所以今天开始会进入网页站台相关知识的介绍，所以今天小光会学习到甚麽东西呢。

本文同步放置於此

网页站台

「前辈，快来开发网页程序吧。」
在休息一天之後，小光一大早到公司就神采奕奕地请大头告诉他如何开发网页程序。不过相对於小光的神采奕奕大头今天显得有气无力地躲在需求文件後面埋头苦干，直到过了五分钟後才抬头并且这样回答。
「等等等...你需要等我好一阵子，我需要先把这东西完成。」
「你先回到位子坐，让我来告诉你吧。」
听到这句话，小光抬头一看原来是老K前辈，小光有听大头说过他是之前带大头的前辈。
「前辈谢谢你了，我先继续赶专案。」
大头一见到有救兵来救火，赶紧说声谢谢後又埋头回到需求文件之中了。
「来吧，我们先来看看如何产生一个网页专案吧。」
接下来老K这麽对小光说。

产生网页专案 webapp

不晓得大家还记不记得之前所学的东西其中有一招叫做dotnet new，所以今天我们就使用dotnet new来产生一个网页专案，所以依旧是先产生一个目录，并且执行dotnet new的指令，详细内容请见以下说明。

mkdir webapp
cd webapp
dotnet new webapp

相信有看我们之前文章的读者们应该不陌生dotnet new这指令，只不过我们当时是使用dotnet new consloe来产生命令列专案，现在我们产生的是有包含razor的web page专案。
所以接下来只要执行dotnet run之後我们第一个网页程序就完成了。

网页专案类型

刚刚产生的是dotnetcore内建的网页程序的范本之一razor pages，除了webapp之外常用的还有mvc跟webapi，当然有兴趣的也可以用angular或reactredux这种spa专案，不过这次先介绍mvc与webapi专案

mvc

MVC相信读者们应该都不陌生，主要是把网页程序分成Controler跟View并且之间用Model串接起来，至於View的部分後续会介绍怎麽用razor来渲染画面。

webapi

相较於mvc来说webapi就单纯许多，因应前後端分离，所以少了view的部分只需要专心在controler上的开发，不过正因为如此对於无状态的网页程序来说webapi的处理更需要注意。

网页程序档案结构

刚刚介绍完类型之後我们现在来看看究竟cli帮我们产生了甚麽档案，相信MVC一开起来应该会是看到以下的目录结构。

.
├──Controllers
├──Models
├──Views
├──wwwroot
├─Program.cs
└─Startup.cs

其中就如同目录名称将Model、View、Controller放置於相对应的位置，至於Program.cs就是程序的进入点，还有以後的读取设定挡也写在这边。另外一个Startup.cs可以参考startup的说明，其中很多关於网页程序会相依到的元件或是设定档则是在这个档案内做注入的动作。

後记

「前辈，没想到这样我就可以做一个网页程序了」
听完老K的介绍让小光一下就建立了自己的网页程序，这让小光非常兴奋。
「不过这只是产生而已喔，你还要学着维护他喔，因此你需要了解一下相关的知识才行，所以接下来几天我会再详细的告诉你网页程序的相关知识。」