ASP.NET实现网站发布及跨域访问

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地址访问到你所发布的网站