MVC 基礎

新建MVC項目:css

      1)    新建——項目——web裏的asp.net web應用程序(.net frame work) 用.net framework 4.5框架 ,點擊肯定——再點擊MVC就建立出來了html

新建網頁: web

    2)   在controllers裏新建一個home的頁面(注意1★:home後的controllers不能省略或刪除不然電腦沒法識別,他至關於WebForm裏的aspx後綴sql

而後在右邊解決方案資源管理器中的Contrlells文件夾裏建立出紅圈裏的文件,點擊出現文件出現右邊的內容  (注意2★:右邊內容每次更改,都須要從新生成)                             數據庫

                                              

  

   3)若用數據庫裏的內容可在model裏建立linq to sql類,而後在home controllers裏引用命名空間model 也就是using WebApplication1.Models;c#

   

 4)若想讓界面更好看;能夠點擊紅圈的位置而後鼠標右擊添加一個視圖(注意:名稱index 不能更改)——若是有視圖引擎選項,則選擇適合本身的選項aspx(c#)或razor(css html)框架

  注意:asp.net

          1  aspx:用<% %>spa

                        1)   <%= %> 輸出一個值.net

                        2)  <%  %> 寫一些C#代碼     

                        3) <%@  %>引用命名空間或聲明語言

         2  razor:用@

                      

                        1) @ 輸出一個值或者引用命名空間

                        2)   @{} 寫一些C#代碼

                        3)   @() 將某一段代碼當作C#代碼

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebApplication1.Models;

namespace WebApplication1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
           
                return View();   //必須點擊這裏而後鼠標右擊建立新視圖
        }
    

    }
}

 

   功能:

       查詢所有

       在model裏寫一個關於操做的實體類usedata並寫操做方法,如查詢所有;

 

      進入如圖頁面並在此頁面引用所用的命名空間 WebApplication1下邊的models即 using WebApplication1.Models ,而後建立表格用做展現;代碼以下:

@{
    Layout = null;
}
@using WebApplication1.Models;
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <table style="width:100%;height:300px;background-color:navy">
        <tr style="color:white">
            <td>用戶名</td>
            <td>密碼</td>
            <td>暱稱</td>
            <td>性別</td>
            <td>生日</td>
            <td>民族</td>
        </tr>
        @{
            List<Users> u = new UserData().getall();
            foreach (Users uu in u)
            {
                <tr style="background-color:white">
                    <td>@uu.UserName</td>
                    <td>@uu.password</td>
                    <td>@uu.Nickname</td>
                    <td>@(uu.sex.Value?"":"")</td> 
                    @*由於@不分語言,因此讓他認做c#語言的部分要用()括起來*@
                    <td>@uu.brithday.Value.ToString("yyyy-MM-dd")</td>
                    <td>@uu.Nation.NationName</td>
                </tr>
            }
         }
    </table>
</body>
</html>
相關文章
相關標籤/搜索