第1章 使用Vs2010 版本搭建MVC3框架
1.1 新建项目
第一步:打开Vs界面,点击左上角文件,点击新建,选择项目
第二步:点击网站Web类型,选择ASP.net MVC3 Web应用程序,在名称中输入项目名称(解决方案名称),位置可自行选择存放该项目的路径,完成后点击确定
第三步:选择空项目,点击确定,然后MVC项目创建成功
1.2创建控制器和视图
第一步:右键点击Controllers(控制器),点击添加,选择控制器,然后输入创建控制器的名称,点击确定,建立控制器完成
第二步:在控制器中选择添加视图
1.3 Models层的添加
第一步,点击右键选择..,点击添加,选择新建项类库
第二步:选择数据模板,点击Windows,点击类库,输入实体类数据库名称
第三步:点击确定
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.ComponentModel;
using System.Data;
using System.Data.SqlClient;
namespace DALPublic
{
public class DALMethod
{
string sqlcnnstr = @"Data Source=Simple\SQLXF;Initial Catalog=明源售楼;User ID=sa;Password=123";
SqlConnection sqlcn;
SqlCommand sqlcmd;
SqlDataAdapter sqlda;
DataTable dt;
public DataTable DAL_SelectDB_Par(string mysqlstr, SqlParameter[] SQLCMDpas)
{
sqlcn = new SqlConnection(sqlcnnstr);
sqlcmd = new SqlCommand(mysqlstr,sqlcn);
sqlcmd.CommandType = CommandType.StoredProcedure;
foreach (SqlParameter var in SQLCMDpas)
{
sqlcmd.Parameters.Add(var);
}
sqlda = new SqlDataAdapter(sqlcmd);
this.dt = new DataTable();
sqlda.Fill(this.dt);
return this.dt;
}
public int DAL_OPTableDB_Par(string mysqlstr, SqlParameter[] SQlCMDpas)
#region //插入、更新、删除数据库中的ADO.NET通用方法
{
//第一步SqlConnection:创建数据库连接类SqlConnection的对象sqlcn,并显示打开;好比修建湛江到广州的高速公路
sqlcn = new SqlConnection(sqlcnnstr.ToString());
sqlcn.Open();
//第二步SqlCommand A:创建命令类SqlCommand的对象sqlcmd,好比安排运输计划:运输车和货物(SQL命令),运输通道sqlcn
sqlcmd = new SqlCommand(mysqlstr, sqlcn);
//第二步SqlCommand B:设置命令对象执行的SQL代码类型,此处是执行数据库中存储过程
sqlcmd.CommandType = CommandType.StoredProcedure;
//第二步SqlCommand C:把外部传递过来的SQL命令对应的参数填充到SqlCommand对象sqlcmd的SqlParameters集合中
foreach (SqlParameter var in SQlCMDpas)
{
sqlcmd.Parameters.Add(var);
}
//第三步 SqlCommand :SqlCommand对象sqlcmd自己执行ExecuteNonQuery()调用SQL存储过程操作数据库
int myop = sqlcmd.ExecuteNonQuery();
sqlcn.Close();
return myop;
}
#endregion
}
}
第2章房源生成功能实现
2.2.1房源的生成
房源的生成主要是设置相应的项目及楼栋信息,并可以快速批量生成房间资料,按照楼栋房间的规律性,将相同房间类型、面积、朝向的房间归类进行快速生成,还可以对项目资料和楼栋资料的新增修改删除操作。
效果图如下:
从界面上看我们这里用到的控件有:
控件名称 |
说明 |
单行文本框(easyui-textbox) |
第一要设置每个控件的id,第二可以设置每个控件的大小,不设置也有默认值,第三(data-options)是数据的操作可以设置控件的属性和事件。 |
下拉框(easyui-combobox) |
|
按钮(easyui-linkbutton) |
|
表格(easyui-datagrid) |
|
树形控件(easyui-tree) |
项目查询功能实现:
第一步:数据库
1、表与表的关系:
表1:项目表(SYS_ProjectTable)
用于存放项目录入的信息
列名 |
数据类型 |
主键/外键 |
说明 |
ProjectID |
int - Identity |
主键 |
项目ID |
PremisesName |
nchar (100) |
|
大楼名称 |
ProjectCode |
nchar (100) |
|
项目代码 |
ProjectName |
nchar (100) |
|
项目名称 |
BuildingPropertyID |
int |
外键 |
建筑性质ID |
StructureID |
int |
外键 |
结构ID |
PlotRatio |
decimal (18, 3) |
|
容积率 |
RealEstateNumber |
nchar (100) |
|
项目房地产证号 |
DomesticLicence |
nchar (100) |
|
内销许可证 |
ExportLicence |
nchar (100) |
|
外销许可证 |
SupervisionInstitutionID |
int |
外键 |
监理机构ID |
ProjectRowNumber |
int |
|
项目排号 |
MassifNumber |
nchar (100) |
|
项目地块编号 |
LandArea |
nchar (100) |
|
项目土地面积 |
LandSellContractNumber |
nchar (100) |
|
项目土地出让合同号 |
LandUserBeginTime |
nchar (100) |
|
项目土地使用开始时间 |
LandUserEndTime |
nchar (100) |
|
项目土地使用结束时间 |
LandPurpose |
nchar (100) |
|
项目土地用途 |
AreaTypeID |
int |
外键 |
项目面积类型ID |
用于记录下拉框的基础数据表 2 :属性明细表(SYS_AttributeAssembleDetailTable)
列名 |
数据类型 |
主键/外键 |
说明 |
AttributeAssembleDetailID |
int - Identity |
主键 |
属性明细ID |
AttributeAssembleDetailName |
nchar (100) |
|
属性明细名称 |
AttributeAssembleID |
int |
外键 |
属性集合ID |
AttributeAssembleDetailFar_ID |
int |
|
属性明细ID |
用于查询建筑性质数据表 3 :建筑性质表(SYS_BuildingPropertyTable)
列名 |
数据类型 |
主键/外键 |
说明 |
BuildingPropertyID |
int - Identity |
主键 |
建筑性质ID |
BuildingProperty1 |
nchar (30) |
|
建筑性质1 |
BuildingProperty2 |
nchar (30) |
|
建筑性质2 |
BuildingProperty3 |
nchar (30) |
|
建筑性质3 |
PublicID |
int |
|
建筑性质Far_ID |
1、下拉框控件( easyui-combobox )控件使用方法:
作用:绑定数据,通过绑定的数据查询表格数据
下拉框截图:
创建下拉框界面代码:
首先引用jquery-easyui-1.3.3脚本,jquery-easyui-1.3.3网上有得下载,也有更高版本的
把下载的jquery-easyui-1.3.3脚本放到Content文件夹里面,也可以放到其他地方
然后引用脚本如下:
<!DOCTYPE html>
<html>
<head>
<meta content="text/javascript;charset=utf-8" />
<script src="../../Content/jquery-easyui-1.3.3/jquery.min.js" type="text/javascript"></script>
<script src="../../Content/jquery-easyui-1.3.3/jquery.easyui.min.js" type="text/javascript"></script>
<link href="../../Content/jquery-easyui-1.3.3/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../../Content/jquery-easyui-1.3.3/themes/icon.css" rel="stylesheet" type="text/css" />
</head>
如果脚本不是放在Content文件夹里面的那脚本路径就不一样
然后在