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. 查找树ADT——二叉搜索树

    在以下讨论中,虽然任意复杂的关键字都是允许的,但为了简单起见,假设它们都是整数,并且所有的关键字是互异的. 总概   使二叉树成为二叉查找树的性质是,对于树中的每个节点X,它的左子树中所有关键字值小于 ...

  2. [JavaEE]设计模式之SOLID原则

    1. S  The Single Responsibility Principle  单一责任原则 当需要修改某个类的时候原因有且只有一个(THERE SHOULD NEVER BE MORE THA ...

  3. redis和memcached的区别（总结）

    1.Redis和Memcache都是将数据存放在内存中,都是内存数据库.不过memcache还可用于缓存其他东西,例如图片.视频等等: 2.Redis不仅仅支持简单的k/v类型的数据,同时还提供lis ...

  4. javascript数据结构与算法--散列

    一:javascript数据结构与算法--散列  一:什么是哈希表? 哈希表也叫散列表,是根据关键码值(key,value)而直接进行访问的数据结构,它是通过键码值映射到表中一个位置来访问记录的,散列 ...

  5. iOS中常用属性的关键字的使用说明

    属性关键字的作用 现在我们iOS开发中,基本都是使用ARC(自动引用计数)技术,来编写我们的代码.因此在属性property中我们经常使用的关键字有strong,weak,assign,copy,no ...

  6. codevs3250 操作序列

    题目描述 Description Petya是一个非常好玩孩子.他很无聊,因此他开始玩下面的游戏: 他得到一个长度为N的整数序列,他会对这些数字进行操作,他可以把某个数的数值加1或者减1(当然他可以对 ...

  7. UI第八节——UISegmentedControl

    - (void)viewDidLoad {    [super viewDidLoad];    NSArray *items = @[@"消息", @"电话" ...

  8. 混合开发 webview 中file 控件 点击后无反应解决方法

    最近在做个项目 ,需要 使用 file 控件上传 图片到服务器 ,在手机浏览器中 可以正常选择照片,但是放到 android 应用中的webview中,file 控件点击后就没有反应. 百度了一番后, ...

  9. c++笔记整理

    一:导读 假设编写了一个C++程序,如何让他允许起来呢,这取决于计算机环境和所使用的C++编译器. 1.使用文本编辑器编写程序,并将其保存在文档中,====此就是源代码 2.编译源代码,编译过程就意味 ...

  10. java.lang.IllegalStateException: Not allowed to create transaction on shared EntityManager - use Spring transactions or EJB CMT instead

    java.lang.IllegalStateException: Not allowed to create transaction on sharedEntityManager - use Spri ...