一步一步asp.net_三層構架的學習

總結一下現在做的項目,由於混亂的項目經驗,我就全部重新寫了以前的一個項目,搭建的是簡單三層架構的模式,簡單三層是我第一個認識的架構層次的理念,也是影響非常深的,以前只是理論的學學什么設計模式,什么mvc,但是這些根本太遙遠,因為沒有編碼經驗,沒有項目經驗,永遠也無法體會架構之美,更有甚者,認為這些架構太復雜了,還要花時間,仍然是那種業務數據UI混合的模式,然后混雜大量的增刪改查,再加上大量的ctrl+c或者ctrl+v的代碼,以至於面向對象的東西,做了大半年除了封裝類,沒有什么跟面向對象有關系的了.....純屬面向過程+class的模式.那么什么是面向對象,這個問題,太難回答了,面向對象,簡單地說就是拿人的思維去解決問題.

  人的思維是復雜的,因此,有了復雜的分工,因此我們在學習面向對象的時候更重要的是想象着,

人怎么做?

回歸正題:三層構架

三層構架,說到底就是一個簡單的分層概念,一個數據訪問層,業務邏輯層,和UI層,而我們經常見到的,

BLL就是業務邏輯層,DAL就是數據訪問層,czcraft網站就是所謂的UI層,而Model是什么呢?這和MVC的model又有什么區別?

model其實就是實體層,因為為了在BLL和DAL以及Ui層傳輸數據,我們要借助model這個實體層來傳輸數據,

比如我們注冊一個帳號信息,

我們可以把所有收集到的帳號信息,保存在一個member的實體類中,然后傳入給BLL處理.

BLL就是業務邏輯層,我們經常會遇到這樣一個現象:

一個asp.net WebForm界面,一個事件大量的代碼

這種代碼,如果一百個登錄是不是要復制一百份,當我們復制的第二次就要考慮怎么復用.

這時候我們想象,為什么要把這些業務寫到事件中?

我們首先要做的就是第一步分離,我們可以嘗試定義一個類的方式,這是第一步的分離,設計一個member類,里面封裝了,member的各種字段和方法,比如登錄,等等,

這是第一步的分離,這樣的好處就是可以復用方法,不用復制復制再次復制,但是這樣子邏輯和數據訪問仍然寫死在一個類中,如果我們要修改比如一個細節,

1.以前登陸都是明文,現在要加密,結果我們又要修改.

2.如果以前數據庫刪除一條會員信息,沒有做級聯刪除(比如關聯會員的其他信息,比如會員購買記錄的信息等),現在要增加,結果又是大量的修改.

為什么我們不分理出數據和操作,以及UI顯示?

我們分離出DAL,專門負責數據庫操作,不管業務邏輯,BLL只負責業務邏輯,

當然為了考慮多種數據庫的兼容設計,我們可以再加一層,IDAL接口層,

當然我們的數據庫操作類也最好設計成兼容多種數據庫的模式,

關於DAL,BLL,我就舉一個實例,比如會員信息,DAL的形式就是這樣,

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using czcraft.Model;
using System.Data;
using System.Data.SqlClient;
using System.Data.Common;
namespace czcraft.DAL
/*
 *   作者: Sweet
 *  創建時間: 2012/5/5 10:13:44
 *  類說明: czcraft.DAL
 */
{
     ///<summary>
     ///member表DAL
     ///</summary>
    public partial class memberDAL
    {
        DBO.DBOperator SqlHelper = DBO.DBOperator.instance();
        /// <summary>
        /// 增加member
        /// </summary>
        /// <param name="model">tableName實體</param>
        /// <returns>執行狀態</returns>
        public int AddNew(member model)
        {
            string sql="insert into member(username,password,Sex,nation,mobilephone,Telephone,Email,qq,Zipcode,Address,states,VCode,VTime) output inserted.Id values(@username,@password,@Sex,@nation,@mobilephone,@Telephone,@Email,@qq,@Zipcode,@Address,@states,@VCode,@VTime)";
            int id=(int)SqlHelper.ExecuteScalar(sql
                        ,(DbParameter)new SqlParameter("username",model.username)
                        ,(DbParameter)new SqlParameter("password",model.password)
                        ,(DbParameter)new SqlParameter("Sex",model.Sex)
                        ,(DbParameter)new SqlParameter("nation",model.nation)
                        ,(DbParameter)new SqlParameter("mobilephone",model.mobilephone)
                        ,(DbParameter)new SqlParameter("Telephone",model.Telephone)
                        ,(DbParameter)new SqlParameter("Email",model.Email)
                        ,(DbParameter)new SqlParameter("qq",model.qq)
                        ,(DbParameter)new SqlParameter("Zipcode",model.Zipcode)
                        ,(DbParameter)new SqlParameter("Address",model.Address)
                        ,(DbParameter)new SqlParameter("states",model.states)
                        ,(DbParameter)new SqlParameter("VCode",model.VCode)
                        ,(DbParameter)new SqlParameter("VTime",model.VTime)
            );
            return id;
        }
        /// <summary>
        /// 更新member實體
        /// </summary>
        /// <param name="model">tableName實體</param>
        /// <returns>執行狀態</returns>
        public bool Update(member model)
        {
            string sql="update member set username=@username,password=@password,Sex=@Sex,nation=@nation,mobilephone=@mobilephone,Telephone=@Telephone,Email=@Email,qq=@qq,Zipcode=@Zipcode,Address=@Address,states=@states where id=@id";
        return SqlHelper.ExecuteNonQuery(sql
                        ,(DbParameter)new SqlParameter("Id",model.Id)
                        ,(DbParameter)new SqlParameter("username",model.username)
                        ,(DbParameter)new SqlParameter("password",model.password)
                        ,(DbParameter)new SqlParameter("Sex",model.Sex)
                        ,(DbParameter)new SqlParameter("nation",model.nation)
                        ,(DbParameter)new SqlParameter("mobilephone",model.mobilephone)
                        ,(DbParameter)new SqlParameter("Telephone",model.Telephone)
                        ,(DbParameter)new SqlParameter("Email",model.Email)
                        ,(DbParameter)new SqlParameter("qq",model.qq)
                        ,(DbParameter)new SqlParameter("Zipcode",model.Zipcode)
                        ,(DbParameter)new SqlParameter("Address",model.Address)
                        ,(DbParameter)new SqlParameter("states",model.states)
                        //,(DbParameter)new SqlParameter("VCode",model.VCode)
                        //,(DbParameter)new SqlParameter("VTime",model.VTime)
            );
        }
        /// <summary>
        /// 刪除member
        /// </summary>
        /// <param name="id">id</param>
        /// <returns>執行狀態</returns>
        public bool Delete(int id)
        {
        return SqlHelper.ExecuteNonQuery("delete from member where id=@id",
                        (DbParameter)new SqlParameter("id",id));
        }
        /// <summary>
        /// 刪除member
        /// </summary>
        /// <param name="strID">strID,記得多個用,隔開</param>
        /// <returns>執行狀態</returns>
        public bool DeleteMoreID(string strID)
        {
        return SqlHelper.ExecuteNonQuery("delete from member where id in ("+strID+")");
        }
        /// <summary>
        /// 將DataRow轉化為Model實體
        /// </summary>
        /// <param name="row">DataRow信息</param>
        /// <returns>執行狀態</returns>
        private static member ToModel(DataRow row)
        {
            member model=new member();
            model.Id =row.IsNull("Id")?null:(System.Int32?)row["Id"];
            model.username =row.IsNull("username")?null:(System.String)row["username"];
            model.password =row.IsNull("password")?null:(System.String)row["password"];
            model.Sex =row.IsNull("Sex")?null:(System.String)row["Sex"];
            model.nation =row.IsNull("nation")?null:(System.String)row["nation"];
            model.mobilephone =row.IsNull("mobilephone")?null:(System.String)row["mobilephone"];
            model.Telephone =row.IsNull("Telephone")?null:(System.String)row["Telephone"];
            model.Email =row.IsNull("Email")?null:(System.String)row["Email"];
            model.qq =row.IsNull("qq")?null:(System.String)row["qq"];
            model.Zipcode =row.IsNull("Zipcode")?null:(System.String)row["Zipcode"];
            model.Address =row.IsNull("Address")?null:(System.String)row["Address"];
            model.states =row.IsNull("states")?null:(System.String)row["states"];
            model.VCode =row.IsNull("VCode")?null:(System.String)row["VCode"];
            model.VTime =row.IsNull("VTime")?null:(System.DateTime?)row["VTime"];
            return model;
        }
        /// <summary>
        /// 根據id獲取tableName實體信息
        /// </summary>
        /// <param name="id">id</param>
        /// <returns>執行狀態</returns>
        public member Get(int id)
        {
            DataTable dt=SqlHelper.ExecuteDataTable("select * from member where id=@id",
(DbParameter)new SqlParameter("id",id));
            if(dt.Rows.Count>1){
            throw new Exception("more than 1 row was found");
            }
            if(dt.Rows.Count<=0){return null;}
            DataRow row=dt.Rows[0];
            member model=ToModel(row);
            return model;
        }
        /// <summary>
        /// 列出tableName所有的實體信息
        /// </summary>
        /// <returns>執行狀態</returns>
        public IEnumerable<member> ListAll()
        {
            List<member> list=new List<member>();
            DataTable dt=SqlHelper.ExecuteDataTable("select * from member");
            foreach(DataRow row in dt.Rows){
            list.Add(ToModel(row));
            }
            return list;
        }

        /// <summary>
        ///分頁獲取數據
        /// </summary>
        /// <param name="tableName">表名</param>
        /// <param name="InnerJoin">內連接</param>
        /// <param name="strGetFields">返回的列信息</param>
         /// <param name="sortId">排序的列名</param>
        /// <param name="PageSize">每頁記錄數</param>
        /// <param name="PageIndex">頁數</param>
        /// <param name="OrderType">排序類型排序類型, 非0 值則降序</param>
        /// <param name="strWhere">查詢條件(注意: 不要加where) </param>
        public IEnumerable<member> ListByPagination(string tableName,string InnerJoin,string strGetFields,string sortId,int PageSize,int PageIndex,string OrderType,string strWhere)
        {
            List<member> list=new List<member>();
            DataTable dt=SqlHelper.ExecuteDataTable("exec[pagination]  @tableName,@InnerJoin,@strGetFields,@sortId,@PageSize,@PageIndex,@doCount,@OrderType,@strWhere",(DbParameter)new SqlParameter("tableName",tableName),(DbParameter)new SqlParameter("@InnerJoin",InnerJoin),(DbParameter)new SqlParameter("@strGetFields",strGetFields),(DbParameter)new SqlParameter("@sortId",sortId),(DbParameter)new SqlParameter("@PageSize",PageSize),(DbParameter)new SqlParameter("@PageIndex",PageIndex),(DbParameter)new SqlParameter("@doCount","0"),(DbParameter)new SqlParameter("@OrderType",OrderType),(DbParameter)new SqlParameter("@strWhere",strWhere));
            foreach(DataRow row in dt.Rows){
            list.Add(ToModel(row));
            }
            return list;
        }
        /// <summary>
        ///獲取表總記錄個數(不用加where)
        /// <param name="strWhere">查詢條件(不用加where)</param>
        /// <summary>
        public int GetCount(string strWhere)
        {
            if(!string.IsNullOrEmpty(strWhere))
            strWhere=" where "+strWhere;
            return SqlHelper.ExecuteSelectFirstNum("select count(1) from member"+strWhere);
        }
    }
}

這里是用代碼生成器生成的,我自己寫的一個簡單的代碼生成器,為了學習代碼生成器,專門設計了一個簡單的,

這里注意,因為代碼生成器的原因,我們必須把自己寫的方法等,通過部分類的方式合並,所以,我們都要加上partial 關鍵字,這很重要

可以看到DAL主要涉及的都是純種的增刪改查操作,他不用管具體有沒有權限之類的,這些不是

他的活,為什么要他干?

接下來就是BLL層,業務邏輯層,我們經常碰到,前期不需要功能,后期增加進去,以前沒有權限判斷,以前沒有加密要求,以前的加密太簡單,現在要更改一種更好的方法,結果要修改好多東西,這樣就全部寫在業務邏輯層,他只負責業務邏輯的判斷,然后提供給UI數據,

 /// <summary>
        /// 判定查詢條件
        /// </summary>
        /// <param name="info"></param>
        /// <returns></returns>
        public static string ConfirmCondition(string info)
        {
            string condition = "";//查詢條件
            if (Tools.IsNumber(info)) //如果是數字,則查詢id
            {
                condition = "id like '%" + info + "%'";
            }
            else condition = "username like '%" + info + "%'"; //查詢用戶名
            return condition;
        }
        /// <summary>
        /// 檢查用戶名和郵箱
        /// </summary>
        /// <param name="UserName">用戶名</param>
        /// <param name="Email">郵箱</param>
        /// <returns></returns>
        public bool CheckUserNameAndEmail(string UserName,string Email)
        {
            memberDAL dal=new memberDAL ();
            member info = dal.GetMemberInfo(UserName);
            return Email==info.Email;
        }
        /// <summary>
        /// 隨機生成一個6位的密碼
        /// </summary>
        /// <returns></returns>
        public string CreateNewPwd()
        {
            string Pwd="";
            Random ran=new Random (DateTime.Now.Second);
            for (int i = 0; i < 6; i++)
            {
                Pwd += ran.Next(1, 10);
            }
            return Pwd;
        }
        /// <summary>
        /// 修改密碼
        /// </summary>
        /// <param name="UserName">用戶名</param>
        /// <param name="Pwd">密碼</param>
        /// <returns></returns>
        public bool UpdatePwd(string UserName, string Pwd)
        {
            return new memberDAL().UpdatePassword(UserName, Tools.GetMD5(Pwd));
        }
        /// <summary>
        /// 修改密碼
        /// </summary>
        /// <param name="UserName">用戶名</param>
        /// <param name="oldPwd">舊密碼</param>
        /// <param name="newPwd">新密碼</param>
        /// <returns></returns>
        public bool UpdatePassword(string UserName, string oldPwd, string newPwd)
        {
            memberDAL dal = new memberDAL();
            string Pwd = dal.GetPassword(UserName);
            if (Pwd == Tools.GetMD5(oldPwd))
            {
                //加密並且更新
               return dal.UpdatePassword(UserName, Tools.GetMD5(newPwd));
            }
            return false;
        }
         /// <summary>
        /// 更新member實體
        /// </summary>
        /// <param name="model">member實體</param>
        /// <param name="IsUserNameUpdate">是否采用用戶名更新</param>
        /// <returns></returns>
        public bool UpdateUserInfo(member model)
        {
           return new memberDAL().Update(model, true);
        }
        /// <summary>
        /// 檢驗用戶名是否存在
        /// </summary>
        /// <param name="userName"></param>
        /// <returns></returns>
        public bool CheckExistUserName(string userName)
        {
            return new memberDAL().GetCount(string.Format(" username='{0}'", userName)) == 0;
        }
        /// <summary>
        /// 驗證用戶信息
        /// </summary>
        /// <param name="UserName">用戶名</param>
        /// <param name="GuidInfo">guid隨機碼</param>
        public bool ActivationMemberNumber(string UserName, string GuidInfo)
        {
            memberDAL dal = new memberDAL();
            //獲取過期時間
            DateTime dt = dal.GetMemberVTime(UserName, GuidInfo);
            //如果已經過期
            if (dt < DateTime.Now)
            {
                return false;
            }
            else
            {
                //激活帳號
               return  dal.ActivationMemberStatus(UserName);
            }
        }
        /// <summary>
        /// 用戶登錄
        /// </summary>
        /// <param name="info">會員model</param>
        /// <returns></returns>
        public bool MemberLogin(member info)
        {
            info.password = Tools.GetMD5(info.password);
            return new memberDAL().MemberLogin(info);
        }
        /// <summary>
        /// 檢驗密碼是否正確
        /// </summary>
        /// <param name="UserName">用戶名</param>
        /// <param name="Password">密碼</param>
        /// <returns></returns>
        public bool CheckPwd(string UserName, string Password)
        {
            //先不加密,以后全部都要加密
            string Pwd = Tools.GetMD5(new memberDAL().GetPassword(UserName));
            if (Password == Pwd)
            {
                return true;
            }
            else
                return false;
        }
        /// <summary>
        /// 返回驗證組件的數組格式(Validate)
        /// </summary>
        /// <param name="fieldId">字段</param>
        /// <param name="Status">狀態</param>
        /// <param name="errorMsg">錯誤消息(沒有則"")</param>
        /// <returns></returns>
        public string ReturnValueValidateAjax(string fieldId, bool Status, string errorMsg)
        {

            if (string.IsNullOrEmpty(errorMsg))
            {
                return "[\"" + fieldId + "\",\"" + Status + "\"]";
            }
            return "[\"" + fieldId + "\",\"" + Status + "\",\""+errorMsg+"\"]";

        }

        /// <summary>
        /// 返回給客戶端的json格式數據(用於根據用戶登錄狀態決定)
        /// </summary>
        /// <param name="info"></param>
        /// <returns></returns>
        public string ReturnJson(member info, out bool Status)
        {
            //登錄狀態
            Status = MemberLogin(info);
            //生成json格式數據
            return WriteJsonForReturn(Status, info.username);

        }
        /// <summary>
        /// 記住帳號和密碼的枚舉
        /// </summary>
        public enum RememberType
        {
            /// <summary>
            /// 記住帳號
            /// </summary>
            RememberName = 0,
            /// <summary>
            /// 同時記住帳號和密碼
            /// </summary>
            RememberNameAndPwd = 1,
            /// <summary>
            /// 不記住帳號密碼
            /// </summary>
            NoRemember = 2
        }

        /// <summary>
        /// 根據保存帳號密碼狀態判斷是保存帳號還是同時保存帳號和密碼
        /// </summary>
        /// <param name="IsSaveName">"1"代表保存,"0"代表不保存</param>
        /// <param name="IsSavePwd">"1"代表保存,"0"代表不保存</param>
        /// <returns></returns>
        public RememberType GetRememberType(string IsSaveName, string IsSavePwd)
        {
            RememberType SaveType = RememberType.NoRemember;

            //保存帳號和密碼
            if (IsSaveName.Equals("1") && IsSavePwd.Equals("1"))
            {
                SaveType = RememberType.RememberNameAndPwd;
            }
            //保存帳號
            if (IsSaveName.Equals("1") && !IsSavePwd.Equals("1"))
            {
                SaveType = RememberType.RememberName;
            }
            else if (!IsSaveName.Equals("1"))
            {
                SaveType = RememberType.NoRemember;
            }
            return SaveType;
        }
        /// <summary>
        /// 根據用戶名獲取用戶信息(返回json數據)
        /// </summary>
        /// <param name="UserName">用戶名</param>
        /// <returns></returns>
        public string GetMemberInfoByJson(string UserName)
        {
            bool Status = false;
            member info = new memberDAL().GetMemberInfo(UserName);
            if (info.Id.HasValue)
            {
                Status = true;
            }
            StringBuilder json = new StringBuilder();
            StringWriter sw = new StringWriter(json);
            using (JsonWriter jsonWriter = new JsonTextWriter(sw))
            {
                jsonWriter.Formatting = Formatting.Indented;
                jsonWriter.WriteStartObject();
                jsonWriter.WritePropertyName("Status");
                jsonWriter.WriteValue(Status);
                jsonWriter.WritePropertyName("Data");
                jsonWriter.WriteStartArray();
                jsonWriter.WriteStartObject();
                jsonWriter.WritePropertyName("UserName");
                jsonWriter.WriteValue(info.username);
                jsonWriter.WritePropertyName("Sex");
                jsonWriter.WriteValue(info.Sex);
                jsonWriter.WritePropertyName("Nation");
                jsonWriter.WriteValue(info.nation);
                //mobilephone Telephone Email qq Zipcode Address
                jsonWriter.WritePropertyName("MobilePhone");
                jsonWriter.WriteValue(info.mobilephone);
                jsonWriter.WritePropertyName("TelePhone");
                jsonWriter.WriteValue(info.Telephone);
                jsonWriter.WritePropertyName("Email");
                jsonWriter.WriteValue(info.Email);
                jsonWriter.WritePropertyName("QQ");
                jsonWriter.WriteValue(info.qq);
                jsonWriter.WritePropertyName("ZipCode");
                jsonWriter.WriteValue(info.Zipcode);
                //地址處理

                string[] strAddresss = GetSplitAddress(info.Address);
                string Province = "";
                string City = "";
                string Country = "";
                string Address = "";
                if (strAddresss.Count() > 0)
                {
                    Province = strAddresss[0];
                    City = strAddresss[1];
                    Country = strAddresss[2];
                    Address = strAddresss[3];

                }
                jsonWriter.WritePropertyName("Province");
                jsonWriter.WriteValue(Province);
                jsonWriter.WritePropertyName("City");
                jsonWriter.WriteValue(City);
                jsonWriter.WritePropertyName("Country");
                jsonWriter.WriteValue(Country);
                jsonWriter.WritePropertyName("Address");
                jsonWriter.WriteValue(Address);
                jsonWriter.WriteEndObject();

                jsonWriter.WriteEndArray();
                jsonWriter.WriteEndObject();
            }
            return json.ToString();
        }
        /// <summary>
        /// 地址分割(將用戶信息表中的地址分割成 省(編號) 市(編號) 縣(編號) 家住址
        /// </summary>
        /// <param name="Address">地址</param>
        /// <returns></returns>
        public string[] GetSplitAddress(string Address)
        {
            string[] str = Address.Split('|');
            return str;
        }
        /// <summary>
        /// 檢查用戶登錄狀態,用於驗證自動登錄(並返回json格式)
        /// </summary>
        /// <returns></returns>
        public string CheckLoginStatus(out bool Status)
        {

            //登錄狀態
            Status = true;
            string UserName = Common.CookieHelper.GetCookieValue("UserName");
            //如果cookies為空,直接返回
            if (Tools.IsNullOrEmpty(UserName))
            {
                Status = false;
            }
            string Pwd = Common.CookieHelper.GetCookieValue("Pwd");
            if (Tools.IsNullOrEmpty(Pwd))
            {
                Status = false;
            }
            else
            {
                //查找該用戶真實密碼,並進行md5加密
                string password = new memberDAL().GetPassword(UserName);
                //如果兩次密碼相同則可以自動登陸了
                if (password!=Pwd)
                {
                    Status = false;
                }
            }

            //生成json格式數據
            return WriteJsonForReturn(Status, UserName);
        }
        /// <summary>
        /// 為用戶登錄寫入json數據
        /// </summary>
        /// <param name="Status">登錄狀態</param>
        /// <param name="UserName">用戶名</param>
        /// <returns></returns>
        public string WriteJsonForReturn(bool Status, string UserName)
        {
            StringBuilder json = new StringBuilder();
            StringWriter sw = new StringWriter(json);
            using (JsonWriter jsonWriter = new JsonTextWriter(sw))
            {
                jsonWriter.Formatting = Formatting.Indented;
                jsonWriter.WriteStartObject();
                jsonWriter.WritePropertyName("Status");
                jsonWriter.WriteValue(Status);
                jsonWriter.WritePropertyName("UserName");
                jsonWriter.WriteValue(UserName);
                jsonWriter.WriteEndObject();
            }
            return json.ToString();
        }
        /// <summary>
        /// 記住用戶信息
        /// </summary>
        /// <param name="Type">記住用戶信息類別</param>
        /// <returns></returns>
        public bool RememberUserInfo(member info, RememberType type)
        {
            if (type == RememberType.RememberName)
            {
                //記住帳號7天
                CookieHelper.SetCookie("UserName", info.username, DateTime.Now.AddDays(7));
            }
            else if (type == RememberType.RememberNameAndPwd)
            {

                //md5哈希加密
                string sercret = Tools.GetMD5(info.password);
                //同時記住帳號和密碼7天
                CookieHelper.SetCookie("UserName", info.username, DateTime.Now.AddDays(7));
                CookieHelper.SetCookie("Pwd", sercret, DateTime.Now.AddDays(7));
            }
            else
            {
                return false;
            }
            return true;

        }


    }
}

 

可以看到,這里沒有任何數據庫的操作,他只負責業務邏輯判斷,然后給UI提供數據.

而web的UI層,我們以前經常性碰到這樣的代碼,

  /// <summary>
    /// 網頁中間顯示的涵數condiction顯示條件，nums顯示行數
    /// </summary>
    /// <param name="condiction"></param>
    /// <param name="nums"></param>
    public void Show(string condiction, int nums)
    {

        string sql = "";
        //還要修改
        string id = "";
        string picturepath = "";
        string name = "";
        string appreciation = "";
        string reward = "";
        string title = "";
        string time = "";
        string ArticleHtmlUrl = "";
        StringBuilder content = new StringBuilder();//高效率拼接字符串
        if (condiction == "大師風采")
        {
            sql = "select top " + nums + " hit,id,name,appreciation,Reward,Picturepath from master  where state='1' and state1='1' order by master.rank desc";
            DataTable dt = cs.GetDataSet(sql).Tables[0];


            for (int i = 0; i < dt.Rows.Count; i++)
            {
               id = dt.Rows[i]["id"].ToString();
               picturepath = dt.Rows[i]["Picturepath"].ToString();
                picturepath = GetPicturePath(picturepath);
               name = dt.Rows[i]["name"].ToString();

               //appreciation = GetTile(dt.Rows[i]["appreciation"].ToString().Replace("<br>","\r\n"));
               //reward = GetTile(dt.Rows[i]["Reward"].ToString().Replace("<br>", "\r\n"));
                if (i == 0) {
                    content.Append("<div class='r_s_p m_border'>");
                }
                else
                {
                    content.Append("<div class='r_s_p'>");
                }
                    content.Append("<div class='gk_pic'><img src='" + picturepath + "' alt='" + dt.Rows[i]["name"].ToString() + "'/></div>");

                content.Append("<div class='master_p'>");

                content.Append("<p><strong><a href='Masterintro.aspx?id=" + id + "'>" + name + "</a></strong></p>");

                content.Append("<div class='honor'><ul>");

                content.Append("<li><a href='Masterintro.aspx?id=" + id + "'>" + appreciation + "</a></li>");

                content.Append("<li><a href='Masterintro.aspx?id=" + id + "'>" + reward + "</a></li>");
                content.Append("</ul></div></div></div>");

                content.Append("<div class='master_border'>&nbsp;</div>");

            }

            Response.Write(content.ToString());
            return;

        }




        if (condiction == "業內新聞")
        {
            sql = "select top " + nums + " id,title,time,ArticleHtmlUrl from news order by time desc";
            DataTable dt = cs.GetDataSet(sql).Tables[0];
            //if (dt.Rows.Count == 0)
            //{
            //    content.Append("<li><a href='#'>#</a><span class='time'>[##-##-##]</span></li>");
            //}
            for (int i = 0; i < dt.Rows.Count; i++)
            {

               title = GetTile(dt.Rows[i]["title"].ToString());

                id = dt.Rows[i]["id"].ToString();

                time = ((DateTime)dt.Rows[i]["time"]).Date.ToShortDateString();

                ArticleHtmlUrl = dt.Rows[i]["ArticleHtmlUrl"].ToString();

                content.Append("<li><a href='NewsContent.aspx?id="+id+"'>" + title + "</a><span class='time'>[" + time + "]</span></li>");

            }
            Response.Write(content.ToString());

            return;

        }
        if (condiction == "工藝知識")
        {

            sql = "select top " + nums + " id,title,time,ArticleHtmlUrl from craftknowledge order by time desc";

            DataTable dt = cs.GetDataSet(sql).Tables[0];

            //if (dt.Rows.Count == 0)
            //{
            //    content.Append("<li><a href='#'>#</a><span class='time'>[##-##-##]</span></li>");
            //}
            for (int i = 0; i < dt.Rows.Count; i++)
            {

               title = GetTile(dt.Rows[i]["title"].ToString());

                id = dt.Rows[i]["id"].ToString();

                time = ((DateTime)dt.Rows[i]["time"]).Date.ToShortDateString();

                ArticleHtmlUrl = dt.Rows[i]["ArticleHtmlUrl"].ToString();

                //Response.Write("<li><a href='craftknowledge_info.aspx?craft_id=" + id + "'>" + title + "</a><span class='time'>[" + time + "]</span></li>");

                content.Append("<li><a href='craftknowledge_info.aspx?id=" + id + "'>" + title + "</a><span class='time'>[" + time + "]</span></li>");

            }
            Response.Write(content.ToString());
            return;

        }

        if (condiction == "企業展示")
        {
            sql = "select top " + nums + " hit, id,name from company where state='1' and state1='1' order by company.rank desc";

            DataTable dt = cs.GetDataSet(sql).Tables[0];
            //if (dt.Rows.Count == 0)
            //{
            //    content.Append("<li><a href='#'>#</a></li>");
            //}
            for (int i = 0; i < dt.Rows.Count; i++)
            {
               id = dt.Rows[i]["id"].ToString();

               name = GetTile(dt.Rows[i]["name"].ToString());



               content.Append("<li><a href='company_introduce.aspx?id=" + id + "'>" + name + "</a></li>");

            }
            Response.Write(content.ToString());
            return;

        }
    }

這種UI和數據混合的方式,如果界面一修改,改動大了,經常性碰到,這個界面太囧了......然后改整個版面,為什么我們不把數據和UI隔離開來,后台么?

只負責數據提供,通過JSON等傳輸,然后前台js/JQuery操作界面呢?

這樣前台就應該這樣,

<%@ Page Language="C#" MasterPageFile="~/InfoPage.master" AutoEventWireup="true"
    CodeFile="MasterInfo.aspx.cs" Inherits="Master_MasterInfo" Title="大師信息" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link href="../css/gs_ms.css" rel="stylesheet" type="text/css" />

    <script src="../Admin/scripts/jquery-1.7.1.min.js" type="text/javascript"></script>

    <script src="../js/queryUrlParams.js" type="text/javascript"></script>

    <script src="MasterInfo.js" type="text/javascript"></script>


    <script type="text/javascript">
   //獲得大師id信息
     var id=$.query.get("MasterId");
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="ms">
        <div class="ms_top">
            <div class="m_load">
                <span><a href="../Default.aspx">首頁</a> > <a href="MasterList.aspx">大師風采</a> > 大師</span></div>
            <div class="mst_c">
                <ul class="mst_ul">
                    <li><a href="#" id="Master_Intro">
                        <p class="hide">
                            大師簡介</p>
                    </a></li>
                    <li><a href="#" id="Master_Award">
                        <p class="hide">
                            獲獎情況</p>
                    </a></li>
                    <li><a href="#" id="Master_Work">
                        <p class="hide">
                            大師作品</p>
                    </a></li>
                </ul>
                <div class="mst_img">
                    <img src="../images/master_img.png" id="imgMaster" /></div>
                <div class="mst_xx">
                    <table width="252" height="141" id="tbMasterInfo">
                    </table>
                </div>
            </div>
        </div>
        <div class="gs_nr" id="MasterContent">

        </div>
    </div>
</asp:Content>

然后通過jquery操作,

     $(function(){
     GetMasterInfo();
     GetMasterIntro();
     //綁定獲取大師簡介事件
     $("#Master_Intro").click(function(){
     GetMasterIntro();
     });
     $("#Master_Award").click(function(){
     GetMasterReward();
     });
     $("#Master_Work").click(function(){
     GetMasterWork();
     });
     });
    //獲取大師基本信息
    function GetMasterInfo(){
    $.ajax({
    url:"Data/MasterInfo.ashx?method=GetMasterInfo&MasterId="+id,
    type:"post",
    success:function(text){
     var jsonData=$.parseJSON(text);
     if(jsonData.Status){
      var item='<tr><td width="51"> 姓名：</td>';
      item+=' <td width="92">'+jsonData.Data[0].Name+'</td>';
      item+='<td width="47">性別: </td>';
      item+='<td width="42">'+jsonData.Data[0].Sex+'</td>';
      item+=' </tr>';
      item+='<tr> <td> 出生：</td>';
      item+='<td>'+jsonData.Data[0].Birthday+'</td>';
      item+='</tr>';
      item+=' <tr><td colspan="4">藝術家分類：';
      item+=jsonData.Data[0].TypeName;
      item+='</td></tr>';

      $("#tbMasterInfo").empty();
      $("#tbMasterInfo").append(item);
        var src="../Admin/FileManage/GetImg.ashx?method=GetMasterPic&type=medium&fileName="+jsonData.Data[0].PicturePath;
      $("#imgMaster").attr("src",src);
     }
    }
    });

    }
    //獲取大師簡介信息
     function GetMasterIntro(){
      $.ajax({
    url:"Data/MasterInfo.ashx?method=GetMasterIntro&MasterId="+id,
    type:"post",
    success:function(text){
      var jsonData=$.parseJSON(text);
     if(jsonData.Status){
       var item='<h4>大師簡介</h4>';
       item+='<p>'+jsonData.Data[0].Introduction+'</p>';
      $("#MasterContent").empty();
      $("#MasterContent").append(item);
       }
      }
      });
     }
     //獲取大師榮譽信息
     function GetMasterReward(){
  $.ajax({
    url:"Data/MasterInfo.ashx?method=GetMasterReward&MasterId="+id,
    type:"post",
    success:function(text){
      var jsonData=$.parseJSON(text);
      var item='<h4>大師榮譽</h4>';
     if(jsonData.Status){
       item+='<ul class="gs_reward">';
       item+=' <li>'+jsonData.Data[0].Reward+'</li></ul>';
       item+=' <h4>獲獎情況</h4><ul class="gs_cup">';
      $.each(jsonData.Data[0].CertPicList,function(key,value){
        var img="../Admin/FileManage/GetImg.ashx?method=GetMasterCert&type=medium&fileName="+value.CertPic;
      item+='<li><span class="c_pic_a">';
     item+='<img src='+img+' alt='+value.CertName+' title='+value.CertName+'/></span><span class="a_title">'+value.CertName+'</span>';
      item+='</li>';
      });
      item+='</ul>';

       }
       else{
        item+=' <h4>獲獎情況</h4>';
       }
        $("#MasterContent").empty();
      $("#MasterContent").append(item);
      }
      });
     }
     //獲取大師產品信息
  function GetMasterWork(){
  $.ajax({
    url:"Data/MasterInfo.ashx?method=GetMasterWork&MasterId="+id,
    type:"post",
    success:function(text){
      var jsonData=$.parseJSON(text);
     var item='';
     if(jsonData.Status){
     $.each(jsonData.Data,function(key,value){
       item+='<h4>'+value.TypeName+'</h4>';
       item+='<ul class="gs_pic">';
         $.each(value.Product,function(PKey,PValue){
               var img="../Admin/FileManage/GetImg.ashx?method=GetMainProductPic&type=medium&fileName="+PValue.Picturepath;
               item+='<li>';
                  item+='<a href="../Product/Product.aspx?ProductId='+PValue.ProductId+'" class="c_pic_a"><img src="'+img+'" alt="'+PValue.Name+'" title="'+PValue.SimpleName+'"/></a>';
                  item+='<a href="../Product/Product.aspx?ProductId='+PValue.ProductId+'" class="a_title">'+PValue.SimpleName+'<br/><span class="rad2">￥'+PValue.Lsprice+'</span></a> ';
               item+='</li>';
                             })
       item+='</ul>';
       item+='<div style="text-align:right"><a href="../Product/Master_MoreProduct.aspx?MasterId=' + id + '&&TypeId=' + value.TypeId + '">more>></a></div>';

       })

      }
      else{
      item+='沒有數據!';
      }
        $("#MasterContent").empty();
      $("#MasterContent").append(item);
      }
      });
     }

這樣不管怎么改界面,我們的數據是不變的,哈哈!

 

還有最最最重要的,我們的代碼規范,命名規范,我的所有代碼全部自己強制性要求自己必須遵

守,所以才能一目了然,清晰,嚴謹,易於維護和開發!

今天的三層就總結到這里!

還有項目中比較重要的一些東西,下次在總結!