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

 

 

 

 

 

posted @ 2022-06-06 13:39  小璐_哈基米  阅读(431)  评论(0编辑  收藏  举报