1.軟體下載及安裝

• visual studio 2012 or 2013

• 啟用電腦IIS配置

2.網頁編寫及排版

• • • 在visual studio中建立web專案新增aspx頁面（個人網頁：和html差不多）

      • 至少達到以下效果：

      •  

      　　　　　　

• 資料庫建立新資料庫user，user下建立新資料表usermanager用於儲存賬號和密碼（role列不需要）

•  

• 實現aspx頁面訪問到資料庫

  • 在web.config新增以下程式碼

     <connectionStrings>
         <add name="conStr" connectionString="server=.\sqlexpress;database=user;uid=sa;pwd=123"/>
       </connectionStrings>
     
    

     

  • 新建SqlHelper.cs類檔案並新增以下程式碼

     static public SqlConnection ConnectDB()
             {
                 string conStr = ConfigurationManager.ConnectionStrings["conStr"].ToString(); 
                 SqlConnection con = new SqlConnection(conStr);
                 con.Open();
                 return con;
             }
     public static int GetExecuScalerPara(string sql, SqlParameter[] para)
             {
                 SqlCommand cmd = new SqlCommand(sql,ConnectDB());
                 if (para != null)
     ​
                     cmd.Parameters.AddRange(para);
     ​
                 int count = int.Parse(cmd.ExecuteScalar().ToString());
                 return count;
             }
     
    

     

  • aspx檔案名稱空間處額外引用以下語句(否則將會報錯)：

     using System.Data;
     using System.Data.SqlClient;
     using System.Configuration;

  • 在設計頁面下雙擊註冊進入cs程式碼設計

     string sql = @"select COUNT(*) from usermanager
                             where username=@_user and pwd=@_pwd";
                 SqlParameter[] p ={
                                       new SqlParameter("@_user",TxtUser.Text),
                                       new SqlParameter("@_pwd",TxtPwd.Text)
                                   };
                 if (SqlHelper.GetExecuScalerPara(sql, p) > 0)
                 {
                     Response.Write("成功！");
                 }
                 else
                 {
                     Response.Write("失敗！");
                 }
     
    

  • 瀏覽器開啟並輸入資料庫中賬號密碼

    完美實現網站釋出及本地訪問效果

3.更改配置檔案以實現跨域訪問

• 在web.config配置檔案中新增以下程式碼：

       <system.web>
         <compilation debug="true" targetFramework="4.5" />
         <httpRuntime targetFramework="4.5" />
         <webServices>
           <protocols>
             <add name= "HttpPost" />
             <add name= "HttpGet" />
           </protocols>
         </webServices>
       </system.web>
           
       <system.webServer>
           <httpProtocol>
               <customHeaders>
               <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET" />
               <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type" />
               <add name="Access-Control-Allow-Origin" value="*" />
               </customHeaders>
           </httpProtocol>
               <defaultDocument>
                   <files>
                       <add value="XXX.aspx" />        //預設文件   此處為你編寫的個人網頁名稱
                   </files>
           </defaultDocument>
       </system.webServer>

4.網站釋出及除錯

將網站釋出至指定資料夾

5.IIS新增網站及實現效果

• 物理路徑即為上述釋出檔案所在資料夾

• 埠改8999

• 關閉電腦防火牆

最終效果：實現兩臺電腦可在同一區域網內通過IP地址訪問到你所釋出的網站

（後續會更新完善本文）