怎么运用extjs mvc 与thinkphp实现省市区三级联动

发布网友 发布时间：2022-04-26 15:57

我来回答

共2个回答

懂视网 时间：2022-05-04 02:01

才学的MVC哈。 最近有个需要，从数据库读取省市县表的数据，通过MVC4搭建的程序展现出来，网上找了很多资料，都没一个全的，能用的，就自己动手。 一、建立MVC项目:City 二、创建数据模型 CityModel 三个表：T_Province 省份，T_City 城市，T_District 区县

才学的MVC哈。

最近有个需要，从数据库读取省市县表的数据，通过MVC4搭建的程序展现出来，网上找了很多资料，都没一个全的，能用的，就自己动手。

一、建立MVC项目:City

二、创建数据模型

CityModel

三个表： T_Province 省份，T_City 城市，T_District 区县

USE [liandong]
GO
/****** Object: Table [dbo].[T_Province] ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[T_Province](
	[ProID] [int] NOT NULL,
	[ProName] [nvarchar](50) NOT NULL,
	[ProSort] [int] NULL,
	[ProRemark] [nvarchar](50) NULL
) ON [PRIMARY]
GO
/****** Object: Table [dbo].[T_District] ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[T_District](
	[Id] [int] NOT NULL,
	[DisName] [nvarchar](30) NOT NULL,
	[CityID] [int] NOT NULL,
	[DisSort] [int] NULL
) ON [PRIMARY]
GO
/****** Object: Table [dbo].[T_City] ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[T_City](
	[CityID] [int] NOT NULL,
	[CityName] [nvarchar](50) NOT NULL,
	[ProID] [int] NULL,
	[CitySort] [int] NULL
) ON [PRIMARY]
GO

后面提供省市县的城市数据数据.SQL。

三、建立控制器

CityController

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using City.Models;

namespace City.Controllers
{
 public class CityController : Controller
 {
 //
 // GET: /City/
 DBEntities db = new DBEntities();//数据链接
 public ActionResult Index() //前台展示的页面
 {
  return View();


 }
 /// 

 /// 获取省份
 /// 
 public JsonResult GetProvincelist()
 {

  IQueryable queryResult = db.T_Province;//获取省份T_Province表的数据
  return Json(queryResult.ToList(), JsonRequestBehavior.AllowGet);

 }
 /// 

 /// 获取城市
 /// 
 /// 
 /// 
 public JsonResult GetCitylist(int pid)//根据省份ID获取城市
 {
  List list = db.T_City.Where(c => c.ProID == pid).ToList();//城市ID对应值
  List item = new List();//获取城市列表
  foreach (var City in list)//根据列表获取城市名称和ID
  {
  item.Add(new SelectListItem { Text = City.CityName, Value = City.CityID.ToString() });
  }
  return Json(item, JsonRequestBehavior.AllowGet);

 }

 public JsonResult GetDistrictlist(int cid)//根据城市ID获取区县ID
 {

  List list = db.T_District.Where(a => a.CityID == cid).ToList();//区县ID对应值
  List item = new List();//获取区县列表
  foreach (var District in list)//根据列表获取区县名称和ID
  {
  item.Add(new SelectListItem { Text = District.DisName, Value = District.Id.ToString() });
  }
  return Json(item, JsonRequestBehavior.AllowGet);
 }
 }
}

四、建立路由

RouteConfig

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;

namespace City
{
 public class RouteConfig
 {
 public static void RegisterRoutes(RouteCollection routes)
 {
  routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

  routes.MapRoute(
  name: "Default",
  url: "{controller}/{action}/{id}",
  defaults: new { controller = "City", action = "Index", id = UrlParameter.Optional }
  );
 }
 }
}

六、建立前台Views,文件夹:City；文件名：Index

@{
 ViewBag.Title = "Index";
}