【導(dǎo)讀】校體育事業(yè)的發(fā)展的重要手段。分析運動會管理系統(tǒng)組成的基礎(chǔ)上，探。分析了運動會的報名管理方法如現(xiàn)場報名、網(wǎng)上報名等、成?？兊匿浫牍芾矸椒?、信息的瀏覽、數(shù)據(jù)庫的管理及維護(hù)等內(nèi)容。紹了系統(tǒng)中裁判員端管理模塊和系統(tǒng)用戶模塊的實現(xiàn)過程。線網(wǎng)的擴(kuò)展，使運動會管理信息系統(tǒng)真正做到信息采集的隨時、隨地，具有較強(qiáng)的信息處理能力的數(shù)據(jù)采集與通信子系統(tǒng)。

　　

【正文】 —— B/S 端子系統(tǒng) 28 務(wù)器上，所以我們必須對數(shù)據(jù)庫進(jìn)行設(shè)置，過程如下： 首先打開 Microsoft SQL Server企業(yè)管理器 SQL Server 組 新建SQL Server 注冊 選擇服務(wù)器機(jī)器名，并設(shè)置一個用戶名 完成。如圖： [8] 圖 42 SQL Server 服務(wù)管理器 然后就是服務(wù)器上的數(shù)據(jù)庫上建立數(shù)據(jù)表過程為：在數(shù)據(jù)庫上擊右鍵 新建數(shù)據(jù)庫 填寫數(shù)據(jù)庫名字 ’ Ydh’ 確定。 數(shù)據(jù)庫已經(jīng)建立，然后在數(shù)據(jù)庫上建立數(shù)據(jù)表 Users、 Sporters 表圖如下： 圖 43 Users數(shù)據(jù)表的設(shè)計圖 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 29 圖 44 Sporters 數(shù)據(jù)表的設(shè)計圖 數(shù)據(jù)表 Users、 Sporters 的存儲過程如下： Users 的數(shù)據(jù)匹配 CREATE PROCEDURE GetUserByNamePwd @Username Varchar(50), @Password Varchar(50) as select User_Id, Username, Password, Level from users where Username = @Username // 判斷輸入數(shù)據(jù)是否與數(shù)據(jù)表 Users 的數(shù)據(jù)項匹配 AND Password=@Password return 0 GO 數(shù)據(jù)庫上的設(shè)計基本完成，值得注意的就是用戶的權(quán)限設(shè)置，在安全性上的登陸上面設(shè)置即可。 瀏覽器與服務(wù)器之間的連接 由于我們開發(fā)工具是 .，所以我們首先打開 Microsoft Visual 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 30 Studio .NET 2020 ，新建一個項目，過程為：文件 — 新建 — 新建項目 — 其他項目 — 企業(yè)級模板項目 — Visual C簡單分布式應(yīng)用程序 — 輸入名稱“ caoliaoyuan” — 確定。一個項目就生成了。 完成之后我們要對它進(jìn)行一些設(shè)置，把項目里面的各個類的屬性名稱加上“ caoliaoyuan”，然后添加引用，注意： SystemFrameworks 的級別最高，不可以引用其他類，依次 Common、 DataAccess， WebUI，下一級可以引用上一級。 設(shè)置配置信息： 為解決方案“ caoliaoyuan”新建一個新項 Common，在 Common增加一個項 （存放訪問服務(wù)器的配置信息），設(shè)置 指定服務(wù)器的名字跟訪問路徑。代碼如下 [9]： 下面實現(xiàn)： configSections section name=caoliaoyuanConfiguration type=, / /configSections 如下功能為：設(shè)置服務(wù)器的名稱（如果是本機(jī)可以設(shè)置為 LOCAL）、數(shù)據(jù)庫訪問的用戶名、密碼以及訪問的數(shù)據(jù)庫名稱。 caoliaoyuanConfiguration ! Settings specific to the Duwamish application add key=ConnectionString value=server=(LOCAL)。 User ID=sa。Password=。database=Ydh。Connection Reset=FALSE / /caoliaoyuanConfiguration 如下代碼功能為：實現(xiàn)連接數(shù)據(jù)庫的過程。 public class caoliaoyuanConfiguration : IConfigurationSectionHandler { private static String dbConnectionString。 public caoliaoyuanConfiguration() { } public Object Create(Object parent, object configContext, XmlNode section) { NameValueCollection settings。 try 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 31 { NameValueSectionHandler baseHandler = new NameValueSectionHandler()。 settings = (NameValueCollection)(parent, configContext, section)。 } catch { settings = null。 } if ( settings == null ) { dbConnectionString = 。 } else { dbConnectionString= (settings,ConnectionString, )。 } return settings。 } public static String ConnectionString { get { return dbConnectionString。 } } } } 瀏覽器與服務(wù)器上數(shù)據(jù)庫訪問的實現(xiàn) 瀏覽器與數(shù)據(jù)庫之間可以進(jìn)行幾種操作：瀏覽器寫入服務(wù)器的數(shù)據(jù)庫、瀏覽器上修改服務(wù)器數(shù)據(jù)、刪除數(shù)據(jù)、查詢數(shù)據(jù)信息、以及更新等等。 數(shù)據(jù)庫的存儲過程 在瀏覽器頁面填寫信息，然后通過提交，可以將數(shù)據(jù)信息寫到指定的數(shù)據(jù)庫上，全部代碼過程如下： 首先必須在 Common 項中建立一個新的類 ，這個就是為了在內(nèi)存中建立虛擬表 DataTable 的 SPORTER_TABLE，在 WebUI 上建立一個 web 頁面，提供數(shù)據(jù)信息的輸入頁面。實現(xiàn)的基本過程是：在數(shù)據(jù)庫與系統(tǒng)內(nèi)存表之間建立一個映射關(guān)系，通過數(shù)據(jù)從瀏覽頁寫入信息，寫入內(nèi)存表 SPORTER_TABLE 中，在映射到數(shù)據(jù)庫上，這樣就實現(xiàn)了數(shù)據(jù)信息從瀏覽器寫入服務(wù)器數(shù)據(jù)庫里 [10]。 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 32 User數(shù)據(jù)表在內(nèi)存中建立虛擬表的過程 namespace { /// summary /// UserData 的摘要說明。 /// /summary public class UserData :DataSet { public const String USER_TABLE = users。 public const String USER_ID_FIELD = User_ID。 public const String USERNAME_FIELD = Username。 public const String PASSWORD_FIELD = password。 public const String LEVEL_FIELD = Level。 public UserData() { BuildDataTable()。 } private void BuildDataTable() { DataTable table = new DataTable(USER_TABLE)。 DataColumnCollection columns = 。 (USER_ID_FIELD,typeof())。 (USERNAME_FIELD,typeof())。 (PASSWORD_FIELD,typeof())。 (LEVEL_FIELD,typeof())。 columns[USER_ID_FIELD].AllowDBNull =false。 columns[USER_ID_FIELD].AutoIncrement = true。 (table)。 } } } 瀏覽器寫入服務(wù)器的數(shù)據(jù)庫包括瀏覽器端進(jìn)行注冊、登陸，填寫數(shù)據(jù) ,查詢信息 ,信息發(fā)布等。 在瀏覽器上注冊過程 我們要實現(xiàn)在線注冊，就要把用戶的資料寫入數(shù)據(jù)庫，我們首先在 SQL server 2020 數(shù)據(jù)庫上建立一個用戶表（ users），然后在存儲過程中編寫 users的存儲過程的代碼（界面與源代碼如下：） 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 33 圖 45 注冊界面 private void Page_Load(object sender, e) { if(==0) { (超級用戶 )。 (普通用戶 )。 } } region Web 窗體設(shè)計器生成的代碼 override protected void OnInit(EventArgs e) { InitializeComponent()。 (e)。 } private void InitializeComponent() { += new ()。 += new ()。 } endregion private void (object sender, e) { UserData data=new UserData()。 DataRow row = [].NewRow()。 row[]=()。 row[]=()。 row[]=。 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 34 [].(row)。 (new Users()).InsertUser(data)。 ()。 } 在瀏覽器上登陸過程 通過注冊后就可以得到一個用戶名、密碼，在瀏覽器上建立一個登陸界面，在將寫入的用戶名、密碼跟服務(wù)器上 users 表的記錄進(jìn)行比較，是否有匹配的記錄，有則表示登陸成功，可以進(jìn)入登陸權(quán)限下面的瀏覽頁面進(jìn)行操作。無則登陸失敗，必須先回到注冊頁進(jìn)行注冊。驗證是否登陸成功的代碼如下 [11]： 圖 46 用戶登陸界面 private void blogin_Click(object sender, e) { UserDatadata=(newUsers()).GetUser((),())。 if( [].0) { ()。 } else =true。 } private void tbUsername_TextChanged(object sender, e) { } private void Bzhuce_Click(object sender, e) { ()。 } 從瀏覽頁寫入服務(wù)器的數(shù)據(jù)庫過程 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 35 通常在網(wǎng)頁上填寫，將信息保存到遠(yuǎn)程服務(wù)器的數(shù)據(jù)庫里，必須在系統(tǒng)頁面上編寫代碼，首先在新建一個新的系統(tǒng) Sporter 在瀏覽頁上的對應(yīng)界面圖如下： 圖 47 運動員報名界面 圖 48 報名結(jié)果 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 36 圖 49 DataGrid 設(shè)計界面 瀏覽器上信息查詢過程 通過瀏覽頁輸入信息，找到相關(guān)的信息，該節(jié)是通過運動員一些基本信息，在瀏覽端查詢，查找服務(wù)器上相關(guān)信息，如果滿足該條件的所有運動員的詳細(xì)信息都顯示到瀏覽頁上。查詢包括模糊查詢和精確查詢，這里我們只要實現(xiàn)模糊查詢功能 [12]。具體操作如下： 下面是要查找計算機(jī)系的學(xué)生，把整個報名信息內(nèi)計算機(jī)的學(xué)生顯示出來，包括每個學(xué)生的詳細(xì)信息 ，先輸入“計算機(jī)”關(guān)鍵字，界面圖如下 : 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 37 圖 410 運動員查詢界面 查詢“計算機(jī)”運動員結(jié)果如下 ： 圖 411 查詢結(jié)果 基于 B/S 和 C/S 混合模式的高校運動會管理系統(tǒng) —— B/S 端子系統(tǒng) 38 瀏覽器上信息刪除過程 當(dāng)運動員報名信息不符合要求，管理員必須將其刪除，所以通過選擇要刪除的運動員信息，然后點擊刪除，即可成功的刪除該運動員的報名信息，刪除“張三”的信息如下： 圖