发布网站笔记2——前后端联系

@[TDC]

1、内网与外网（LAN、WAN）

内网与外网百度知道
在内网发布网站的实例
外网IP紧张，按照IPV4格式，IP地址最多有4,228,250,625个组合结果，算算我们全世界多少人，而且每个人可能不止一台联网设备。想想看如果大家都申请一个IP地址，直接把设备直连到互联网中，那么我们的IP地址将很快用尽。因此，诞生了内网这一替代方式。
分配给内网的IP地址有：
10.0.0.0~10.255.255.255
172.16.0.0~172.31.255.255
192.168.0.0~192.168.255.255
我们平时上网，基本都是设备先连接到路由器、交换机上，然后路由器、交换机再通过一个外网IP连接到互联网中。想想看，如果这时你在本机上发布网站，因为你用的是内网IP，那么没有连接在同一台路由器（同一内网）中的其他联网设备，当然不能访问你的网站了。
因此，若想被其他设备访问你辛辛苦苦做的网站或Web应用，我们需要发布这些项目到外网上。方法有很多种，比如发布到虚拟主机上；或者设置本地路由器，在路由器上做网站端口映射。这里笔者只介绍虚拟主机方式：通过FTP服务把网站发布到三丰云虚拟主机上，之后就可以通过三丰云提供的域名进行外网访问了。

2、前、后端打通实例

这里笔者提供一个简单实例，请各位多指教。
环境配置与工具：Windows10、IIS10.0 Express、SQLServer2019Express、Visual Studio2019
我打算在网页显示一个按钮、一个文本框。文本框输入的是SQL语句，并使用ashx访问服务器中的数据库。
网页部分我就不赘述了，在按钮的点击事件中使用jQuery框架的ajax方法，把文本框的值传入到Handler2.ashx：

$(function () {  $(".btn2").on("click", function () {var value = $("textarea").val();$.ajax({url: "Handler2.ashx",type: "get",data: {"value":value},success: function (data) {$("p").text(data);},error: function (xhr) {$("p").text(xhr.text);//p标签文本显示读取数据库内容}})})});

设置好前端后，我们实现一下Handler2.ashx。这里主要实现的是获取前端的传值、读取数据库。噢对了，我使用ADO.NET技术读取SQLServer数据库。不了解的老哥们可以查阅我要自学网之ADO.NET

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.SqlClient;namespace learnHtmlOne
{/// <summary>/// Handler2 的摘要说明/// </summary>public class Handler2 : IHttpHandler{public void ProcessRequest(HttpContext context){context.Response.ContentType = "text/plain";string str =  context.Request["value"].ToString();string data="";SqlConnection sql = new SqlConnection("server=.;user=sa;pwd=123;database=mydb001");sql.Open();using (sql){SqlCommand sqlCommand = new SqlCommand(str, sql);SqlDataReader dataReader = sqlCommand.ExecuteReader();while(dataReader.Read()){for(int i = 0; i < dataReader.FieldCount; i++){data += dataReader[i].ToString();data += ",";}}}           context.Response.Write(data);}public bool IsReusable{get{return false;}}}
}

最后，效果如下：

项目工程下载——0积分