MVC和WebForm是微软B/S端的两条腿,两种不同的设计理念,相对来说MVC更优于WebForm对于大数据的交互,因为WebForm是同一时间传输所有数据,而MVC它只是传输所用到的数据,更精确,传输量少等待数据传输的响应时间就短.但是WebForm也有他的优点,比如说设计起来更像Winform容易理解.

SQL表如下:

根据ParentAreaCode=0001可以查出省级地市, 对应的省级地市有AreaCode

根据不同的AreaCode输入在ParentAreaCode中可以查出省级地市中的市级地市ParentAreaCode=37

同理,对应的AreaCode输入在ParentAreaCode中可以查出市级地市的区县ParentAreaCode=370303

________________________________________________________我是华丽的分割线________________________________________________

MVC:

M:Models, 模型层:可以放方法,类等处理数据.

V:Views,视图层:HTML页面,把数据装饰然后显示到页面给用户.

C:Controller,控制层:负责动作交互,从视图层获取信息给模型层,Vice versa.

新建项目ASP.NET.MVC 4 Web 应用程序选择空窗体,一个空的MVC空网页就有了.

首先在Models里面添加LinQ to SQL类 添加模型,选好数据库来源,拖入表

然后在Models里面添加一个空的类用来写代码.

 public class ChinaBF

    {

         private ChinaStatesDataContext _context = new  ChinaStatesDataContext();

       //LinQ查询数据库

        public List<ChinaStates> Select(string AreaCode) //省

        {

            var query = _context.ChinaStates.Where(P => P.ParentAreaCode == AreaCode);

                return query.ToList();

        }

    }

Controller:

 public class HomeController : Controller

    {

        [HttpGet] //刚开始加载页面的时候

        public ActionResult Index()

        {

            List<ChinaStates> listpro = new ChinaBF().Select("");  //0001查省份

                   ViewBag.databb = new SelectList(listpro, "AreaCode", "AreaName");

            List<ChinaStates> list1 = new ChinaBF().Select("");  //市

                   ViewBag.datacc1  = new SelectList(list1, "AreaCode", "AreaName");

            List<ChinaStates> list2 = new ChinaBF().Select("");//区

                    ViewBag.datacc= new SelectList(list2, "AreaCode", "AreaName");

            return View();

        }

        [HttpPost]  //当页面提交后

        public ActionResult Index(string pro,string city,string sub)

        {

            List<ChinaStates> listpro = new ChinaBF().Select("");

           ViewBag.databb  = new SelectList(listpro, "AreaCode", "AreaName",pro);

            List<ChinaStates> list1 = new ChinaBF().Select(pro);

            ViewBag.datacc1 = new SelectList(list1, "AreaCode", "AreaName",city);

            var b = list1.Exists(P => P.AreaCode == city) ? city : list1[].AreaCode;

            List<ChinaStates> list2 = new ChinaBF().Select(b);

             ViewBag.datacc= new SelectList(list2, "AreaCode", "AreaName");

            return View();

        }

    }

Views:

视图要在Controller里面代码快区域右键 添加视图

用razor视图方法来写Views,@{} 里面写C#代码,他会自动判定HTML和C# 当遇到<>自动转译到Html.

@using China.Models;

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

</head>

<body>

    <div>

         @{

        SelectList bb = ViewBag.databb;

        SelectList cc = ViewBag.datacc;

        SelectList cc1 = ViewBag.datacc1;

        }

     @using (Html.BeginForm("Index", "Home", FormMethod.Post))

       {

    <div>

        省份： @Html.DropDownList("pro",bb,new { onchange="document.forms[0].submit();"})

        市辖：@Html.DropDownList("city",cc1,new { onchange="document.forms[0].submit();"})

         市区：@Html.DropDownList("sub",cc)

    </div>

     }

    </div>

</body>

</html>

________________________________________________________我是华丽的分割线________________________________________________

WebForm:

public class ChinaStatesDA

{

    private ChinaThreeDataContext context;

    public ChinaStatesDA()

    {

        context = new ChinaThreeDataContext();

    }

    public List<ChinaStates> Ch(string ParentAreaCode)

    {

        return context.ChinaStates.Where(p => p.ParentAreaCode == ParentAreaCode).ToList();

    }


using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class Home : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if(!IsPostBack)  //因为每一次提交页面就会刷新, IsPostBack就判断是否重复刷新

        {

            bind();

        }

    }

    public void bind()

    {

        List<ChinaStates> list = new ChinaStatesDA().Ch("");

        foreach (ChinaStates data in list)

        {

            ListItem li = new ListItem(data.AreaName,data.AreaCode);

            DropDownList1.Items.Add(li);

        }

    }

    public void bindDrop()

    {

    List<ChinaStates> list =new ChinaStatesDA().Ch("");

    DropDownList1.DataSource = list;

    DropDownList1.DataTextField = "AreaName";

    DropDownList1.DataValueField = "AreaCode";

    DropDownList1.DataBind();

    }

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

    {

        ListItem li = new ListItem("请选择");

        string a = DropDownList1.SelectedItem.Value;//DropDownList1.SelectedValue.ToString();

        List<ChinaStates> list=new ChinaStatesDA().Ch(a);

        DropDownList2.DataSource = list;

        DropDownList2.DataTextField = "AreaName";

        DropDownList2.DataValueField = "AreaCode";

        DropDownList2.DataBind();

        DropDownList3.DataTextField = li.Text;

    }

    protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)

    {

        string a = DropDownList2.SelectedItem.Value;//DropDownList1.SelectedValue.ToString();

        List<ChinaStates> list = new ChinaStatesDA().Ch(a);

        DropDownList3.DataSource = list;

        DropDownList3.DataTextField = "AreaName";

        DropDownList3.DataValueField = "AreaCode";

        DropDownList3.DataBind();

    }

}

DropDownList 要选 AutoPostBack=True;这样list里面更改数据后他会自动提交

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Home.aspx.cs" Inherits="Home" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

        <div style="height: 218px">

            <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

            </asp:DropDownList>

            省<asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged">

            </asp:DropDownList>

            市<asp:DropDownList ID="DropDownList3" runat="server" OnSelectedIndexChanged="DropDownList3_SelectedIndexChanged">

            </asp:DropDownList>

            区</div>

    </form>

</body>

</html>

MVC和WebForm 中国省市区三级联动的更多相关文章

  1. java的JCombobox实现中国省市区三级联动

    源代码下载:点击下载源代码 用xml存储中国各大城市的数据. xml数据太多了就不贴上了,贴个图片: 要解释xml,添加了一个jdom.jar,上面的源代码下载里面有. 解释xml的类: packag ...

  2. Webform——中国省市三级联动以及IsPostBack

    首先要明白Webform的运行顺序,当开始启动时候,首先执行的是Page_Load事件, 当点击任意按钮后,每次点击都要先执行一遍Page_Load(在这里Page_Load里面的事件是给数据控件加载 ...

  3. [moka同学转载]Yii2 中国省市区三级联动

    1.获取源码:https://github.com/chenkby/yii2-region 2.安装 添加到你的composer.json文件 "chenkby/yii2-region&qu ...

  4. Yii2 中国省市区三级联动

    1.获取源码:https://github.com/chenkby/yii2-region 2.安装 添加到你的composer.json文件 "chenkby/yii2-region&qu ...

  5. laraveladmin省市区三级联动

    Distpicker是一个中国省市区三级联动选择组件,这个包是基于Distpicker的laravel-admin扩展,用来将Distpicker集成进laravel-admin的表单中 安装 com ...

  6. JS实现年月日三级联动+省市区三级联动+国家省市三级联动

    开篇随笔:最近项目需要用到关于年月日三级联动以及省市区三级联动下拉选择的功能,于是乎网上搜了一些做法,觉得有一些只是给出了小的案例或者只有单纯的js还不完整,却很难找到详细的具体数据(baidu搜索都 ...

  7. jQuery省市区三级联动插件

    体验效果:http://hovertree.com/texiao/bootstrap/4/支持PC和手机移动端. 手机扫描二维码体验效果: 代码如下: <!DOCTYPE html> &l ...

  8. 省市区三级联动 pickerView

    效果图 概述 关于 省市区 三级联动的 pickerView,我想大多数的 iOS 开发者应该都遇到过这样的需求.在遇到这样的需求的时候,大多数人都会觉的这个很复杂,一时无从下手.其实真的没那么复杂. ...

  9. JS省市区三级联动

    不需要访问后台服务器端,不使用Ajax,无刷新,纯JS实现的省市区三级联动. 当省市区数据变动是只需调正js即可. 使用方法: <!DOCTYPE html><html>< ...

随机推荐

  1. python程序一直在后台运行的解决办法

    刚写了个python程序,要一直在后台运行,即使断开ssh进程也在,下面是解决办法: 假如Python程序为test.py 编写shell脚本start.sh #!/bin/bash python t ...

  2. 一次完整的HTTP请求所经历的7个步骤

    HTTP通信机制是在一次完整的HTTP通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤: 1. 建立TCP连接在HTTP工作开始之前,Web浏览器首先要通过网络与Web服务器建立连接,该连 ...

  3. Spring 入门知识

    ------------------------------------------------------------------------------------- Spring是什么? Spr ...

  4. 移动端框架篇-控制子容器的滑屏框架-fullPage.js

    控制子容器法 方法是只显示其中一个子元素,其它隐藏,滑屏时隐藏当前元素,并显示当前元素的下一个同辈元素~ 这里采用fullPage框架,库大小7.69K~ fullPage框架的页面样式无需自定义,已 ...

  5. Chrome 用户数据配置文件夹保存路径在哪？（Mac OS X/Windows/Linux）

    在重装系统之前都想要对 Chrome 中的数据进行备份,以能够在重装系统后恢复这些数据.但是除了一些玩 Chrome 很长时间的用户,鲜有人知道 Chrome 的用户数据到底保存在什么地方.如果你也有 ...

  6. CPU思考

    线程高并发 会导致CPU load长,线程大运算量和大量线程 会导致CPU利用率高 因为CPU处理都是原子操作的,8核CPU在同一时刻最多也只能处理8个线程,但是因为处理的非常快,所以即使几万个简单线 ...

  7. Ubuntu GNOME 16.10 Beta 1问世了！

    导读 Ubuntu GNOME 16.10操作系统已经进入研发周期一段时间了,今天终于可以下载Beta 1版本进行测试了.作为Ubuntu官方flavor之一,Ubuntu GNOME团队非常努力的整 ...

  8. 【Python基础学习六】函数

    1.创建函数 Python中函数的关键字def来定义. def fibs(num): f=[0,1] for i in range(1,num): f.append(f[-1]+f[-2]) retu ...

  9. 启动调试IIS时，vs无法在 Web 服务器上启动调试。Web 服务器未能找到请求的资源。 有关详细信息，请单击“帮助”。

    问题截图 1.检查 是否设置了本地IIS 2.检查IIS端口是否为80 3.默认网站设置是否正确 可参考,查看网站绑定是否正确

  10. C#中的日期处理函数

    C#中的日期处理函数 //2013年4月24日 this.TextBox6.Text = System.DateTime.Now.ToString("D"); //2013-4-2 ...