整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
文鏈接:http://www.51jrft.com/jsj/rjgc/300.html
近些年，隨著互聯網的快速發展，論壇作為一個互動交流、實時通訊的平臺已在人們的日常扮演著愈來愈重要的角色。由于它交互性強、內容豐富，更是頗受廣大年輕人的追捧和喜愛。現如今，各大高校都創建了自己的局域網，也開發了屬于自己的校園論壇。
本章將實現一個BBS網上在線論壇系統，在該系統上，用戶可以暢所欲言，任何問題都可以在這里討論交流。它最大的優點就是自由平等、快捷互動。一個成功的BBS系統可以大大提高網站點擊率，提升校園的學術氛圍，使老師、同學們都能積極的參與進來，有利于我們進行更好的學術交流與科研探索。 F000284
本文詳細地介紹了一個校園BBS論壇系統的設計及開發的全過程。該系統基于ASP.NET，采用C#語言，利用B/S模式進行開發，使用的數據庫為SQL Server 2008 R2，使用的編譯平臺為Microsoft Visual Studio 2010。該系統實現了論壇注冊用戶在論壇上發表帖子或瀏覽、評論其他用戶發表帖子的功能，以及擁有管理員賬號的用戶對帖子和用戶進行管理等功能。
關鍵詞：ASP.NET SQL Server 校園BBS論壇
In recent years, with the rapid development of Internet, BBS as an interactive, real-time communication platform has gradually plays an important role in people's daily life. Due to its strong interactivity, riching in content, it is quite popular and loved by the young people. Nowadays, universities have created their own local area network (LAN), also developed their own campus BBS.
This article will achieve a online BBS system, on the system, any question can be discussed here. It is the greatest advantage of freedom and equality, fast interaction. A successful BBS system can greatly improve the visited website, improve the campus academic atmosphere, make the teacher and the students can actively participate and help us to better explore the academic exchanges and research.
In this paper, a campus BBS system were introduced in detail the whole process of design and development. The system based on ASP.NET, use the C # language, the use of B/S mode of development, using the database for the SQL Server 2008 R2, use the compiler platform for Microsoft Visual Studio 2010. This system has realized the BBS registered users on the BBS posts or browse, comment the function of the other users Posting, and have the administrator account users to post and manage users, and other functions
Key Words: ASP .NET；SQL Server；BBS
1.1 課題研究背景 查看完整請+Q:351916072獲取
BBS是Bulletin Board System（即電子公告板）的縮寫，是網絡上的一種電子信息服務系統。它向人們提供了一塊公共電子白板，使得每個用戶都可以在上面書寫，發布信息或提出看法。它是一種交互性強，內容豐富而及時的Internet電子信息服務系統。用戶在BBS站點上可以獲得各種類型各種形式的信息服務。如發布信息，進行討論、聊天等等。
隨著互聯網事業的蓬勃發展以及愛好者們的共同努力，近年來，論壇的功能也得到了很大的擴充：人們可以從論壇上隨時獲取國際上最ing最潮流的信息，也可以通過BBS與別人討論各種有趣的話題。因此，以動態性和交互性為特征的BBS論壇逐漸成為網絡上最豐富、最開放和最自由的網絡信息資源，成為目前最受歡迎的一種信息交流的方式。
1.2 課題研究目的和意義
早期的BBS系統只提供消息投遞和閱讀功能，隨著互聯網的高速發展，如今的BBS系統已經能夠允許用戶之間分享工具軟件、技術文檔等資源。一個成功的BBS系統可以對企業或者學校等的發展有很好的參考作用。
在互聯網的發展史中，論壇的發展是必不可少的一塊，因為中國幾乎所有著名網站都是靠論壇起家的。對于規劃網站的發展道路，論壇的作用尤其重要，網站的很多優秀內容將會出現在論壇上。BBS所涉及的人群在不斷擴大，人與人之間交流的深度和廣度也在不斷增加，這就為論壇的發展提升了更大的空間，所以，論壇的建設和管理意義深遠。
因此，如何建立一個經濟、實用、全面、高效、穩定的BBS系統，是我們要考慮的重要問題。
1.3 國內外研究現狀和分析
1978年，美國芝加哥誕生了一套基于芯片的最早的BBS系統。雖然BBS始于美國，但是相比于人口眾多、使用者甚廣的中文BBS，國外的BBS沒有特別興盛。大多數高校沒有開設BBS論壇，僅有少量的軟件或商品的支持技術類BBS，并且國外BBS不存在類似國內的復雜的管理機制和輿論調控行為。
大約從1991年開始，國內開創出第一個BBS，經過長時間的發展，直至1995年，隨著計算機及其外設的大幅降價，BBS才逐漸被人們所認識，各大高校紛紛建立起自己的BBS論壇。機緣巧合，傳統媒體以及大眾逐漸認識到論壇的巨大力量，BBS漸漸開始崛起。1996年BBS在不斷發展下也逐漸細分，出現了綜合型論壇、專題型論壇等眾多類型的論壇。1998年以后，隨著網絡的發展和普及，除了新浪、搜狐、網易這三大門戶網站的論壇之外，以天涯為代表的地方性論壇以及貓撲等后起之秀逐漸興起，近年來甚至連搜索巨頭百度也建立了“百度貼吧”，加入互聯網社區行列。至2005年，論壇成為了國內互聯網最重要的應用之一，可以說BBS造就了無數網絡經典。
雖然如今論壇發展迅猛，但我們應該清醒的認識到，部分論壇仍舊沒有走上“簡單、易用”這一層次，其使用性還需進一步加強。另外由于論壇獨特的交流形式，其誠信危機、傳播的文化的準確性、虛擬世界是否安全等問題逐漸暴露出來。因此，今后的BBS論壇將更加專業化和自主化，提供更加強大的個性化功能。論壇要保持強大的生命力，就要繼續發展和積極開拓。
本文將介紹基于ASP.NET的校園BBS的設計與開發以及所用到的相關技術，對于其他BBS的建立有一定參考價值。
1.4 本文主要內容
本文闡述的是一個基于ASP.NET技術的校園BBS系統的開發，主要內容包括：
第一章，引言。主要介紹課題背景，研究目的和意義，以及國內外的發展現狀。
第二章，開發技術。主要介紹系統的開發模式，以及系統所涉及到的ASP.NET、C#、以及HTML等相關技術的介紹。
第三章，系統分析。描述了系統的基本功能，可行性的分析還有開發系統所要求的軟硬件需求。
第四章，概要設計。主要包括系統的功能設計和數據庫詳細的設計。
第五章，系統功能的實現。在系統的設計部分大致介紹了該論壇系統的各個模塊的設計與銜接，系統的實現部分主要敘述了各個模塊如何實現的具體操作步驟。
第六章，系統的測試。概述了測試中遇到的問題和解決方案。
2．相關開發技術介紹
2.1 系統開發模式
該BBS系統主要采用B/S（Browse/Server）即瀏覽器/服務器結構進行開發，采用C#語言開發編寫，使用SQL Server 2008 R2版本數據庫，基于Windows 7操作系統。
2.1.1 C/S模式 查看完整請+Q:351916072獲取
C/S結構，即Client/Server(客戶機/服務器)結構，是大家熟知的軟件系統體系結構，通過將任務合理分配到Client端和Server端，降低了系統的通訊開銷，由于客戶端和服務端直接相連缺少中間環節，所以響應速度比較快。且其操作界面形式多樣，能夠充分滿足用戶自身的個性化需求。由于沒能提供用戶真正期望的開放環境，C/S結構的軟件需要針對不同的操作系統開發不用版本的軟件，加之產品的更新換代十分快，對于一些規模較大的企業，C/S已經很難適應這種擁有百臺以上的電腦局域網用戶同時使用的企業了。所以相對來講代價高、效率低。
C/S模式有以下特點:
1.C/S模式將應用與服務分離,系統具有穩定性和靈活性
2.C/S模式配備的是點對點的結構模式,適用于局域網,有可靠的安全性
3.由于客戶端實現與服務器端的直接連接,沒有中間環節,因此響應速度快
4.在C/S模式中,作為客戶機的計算機都要安裝客戶機程序,一旦軟件系統升級,每臺客戶機都要安裝客戶機程序,系統升級和維護較為復雜
2.1.2 B/S模式
B/S（Browser/Server 瀏覽器/服務器）模式，是隨著Internet技術的興起，對C/S結構的一種變化或者改進的結構。在這種結構下，用戶界面完全通過WWW瀏覽器實現，一部分事務邏輯在前端實現，但是主要事務邏輯在服務器端實現，形成所謂3-tier結構。B/S結構利用不斷成熟和普及的瀏覽器技術實現原來需要復雜專用軟件才能實現的強大功能，并節約了開發成本，是一種全新的軟件系統構造技術。
B/S模式有以下特點：
1.系統開發、維護、升級方便
每當服務器應用程序升級時，只要在服務器上升級服務應用程序即可，用戶計算機上的瀏覽器軟件不需要修改，系統開發和升級維護方便
2.B/S模式具有很強的開放性
在B/S模式下，用戶通過通用的瀏覽器進行訪問，系統開放性好
3.B/S模式的結構易于擴展
由于Web的平臺無關性，B/S模式的結構可以任意擴展，可以從包含一臺服務器和幾個用戶的小型系統擴展成為擁有成千上萬個用戶的大型系統
4.用戶使用方便
B/S模式的應用軟件都是基于Web瀏覽器的，而Web瀏覽器的界面是類似的。對于無用戶交換功能的頁面。用戶接觸的界面都是一致的，用戶使用起來更為方便。
2.1.3 C/S與B/S的對比
通過對效率、安全性、成本等各方面的考慮，處理更迅速、安全性更高、成本更低的B/S模式的應用是必然趨勢。現今，隨著企業的規模擴大，C/S已經無法維持上百臺電腦用戶同時使用，所以從維護、開發費用、開發周期等多種條件因素來看，B/S更能滿足當今社會的需求。
2.2 ASP.NET相關技術介紹
2.2.1什么是ASP.NET
ASP.NET是新一代Web應用程序開發平臺，是一種使嵌入網頁中的腳本、可由因特網服務器執行的服務器端腳本技術，它可以在通過HTTP請求文檔時再在Web服務器上動態創建它們。該系統使用ASP.NET(C#語言)和ADO.NET技術開發, 實現了校園論壇的基本功能，開發了一個屬于校園內部的，功能強大、信息多樣的論壇系統，方便同學們的互動與交流。
2.2.2什么是ASP.NET文件
ASP.NET文件類似HTML文件，它可以包含HTML、XML以及腳本，ASP.NET文件中的腳本在服務器上執行，ASP.NET文件的文件后綴是“.aspx”。
2.2.3 ASP.NET的開發語言
目前ASP.NET的開發語言有三種：C#、VB和Jscript。
2.2.4 ASP.NET的優點
（1）強大適應性，通用語言的基本庫，消息機制，數據接口的處理都能無縫地整合到ASP.NET的WEB應用中。
（2）簡單易學，簡單的文件拷貝和文件配置即可完成網站搭建。使用ASP.NET可以生成將應用邏輯與代碼清楚分開的界面。
（3）可管理性，因為ASP.NET使用的是基于字符和分級的配置系統，所以虛擬服務器環境和應用程序的設置更加簡單。而且ASP.NET的應用程序安裝后不需要重啟，因而變得更加簡便。加之ASP.NET已經被設計成可以用于多處理器的開發工具，它在多處理器環境下將大大提高運行速度。
（4）自定義和可擴展性，開發人員可以在自己的代碼中定義“plug-in”的子模塊，還可以加入自己定義的任何組件或替換原來的子組件。
（5）安全性，ASP.NET提供一種新的編程模型和結構，可以生成伸縮性和穩定性更好的應用程序，并提供更好的安全保護。加上它是基于Windows認證技術和每應用程序配置，這樣就確保了原程序的絕對安全。
2.2.5 ASP.NET中的DataList控件和GridView控件
在動態的網站開發過程中，經常需要在表格控件中查看一些信息，而論壇的開發過程中，常常需要在頁面中較為全面的顯示一些信息，如果要顯示的信息記錄較多，用一個頁面顯示所有記錄可能會給用戶的瀏覽造成不便。為解決這個問題，我使用了DataList和GridView控件的分頁技術。
這兩個控件以表的形式呈現數據，通過該控件，您可以使用不同的布局來顯示數據記錄。控件的默認行為是在HTML表格中顯示數據庫記錄。是在web頁面中顯示數據源中的數據，將數據源中的一行數據，也就是一條記錄，顯示為在web頁面上輸出表格中的一行。
2.2.6 ASP.NET母板頁的使用 查看完整請+Q:351916072獲取
使用 ASP.NET 母版頁可以為應用程序中的頁創建一致的布局。單個母版頁可以為應用程序中的所有頁（或一組頁）定義所需的外觀和標準行為。然后可以創建包含要顯示的內容的各個內容頁。當用戶請求內容頁時，這些內容頁將與母版頁合并，從而產生將母版頁的布局與內容頁中的內容組合在一起的輸出。
母版頁提供了開發人員已通過傳統方式創建的功能，這些傳統方式包括重復復制現有代碼、文本和控件元素；使用框架集；對通用元素使用包含文件；使用 ASP.NET 用戶控件等。母版頁具有下面的優點：
（1）使用母版頁可以集中處理頁的通用功能，以便可以只在一個位置上進行更新。
（2）使用母版頁可以方便地創建一組控件和代碼，并將結果應用于一組頁。例如，可以在母版頁上使用控件來創建一個應用于所有頁的菜單。
（3）通過允許控制占位符控件的呈現方式，母版頁使您可以在細節上控制最終頁的布局。
（4）母版頁提供一個對象模型，使用該對象模型可以從各個內容自定義母版頁。
2.3 C#語言介紹
C#是微軟公司在2000年發布的一種新的編程語言。它使得程序員可以快速地編寫各種基于Microsoft .NET平臺的應用程序。C#是由C和C++衍生出來的面向對象的編程語言。它在繼承C和C++強大功能的同時去掉了一些它們的復雜性（如不允許多重繼承）。C#綜合了VB簡單的可視化操作和C++的高運行效率，以其強大的操作能力、優雅的語言風格、創新的語言特性和便捷的面向組件編程的支持成為.NET開發的首選語言。
（1）語言簡潔。
（2）保留了C++的強大功能。
（3）快速應用開發功能。
（4）語言自由性。
（5）強大的WEB服務器控件。
（6）支持跨平臺。
（7）與XML相融合。
目 錄 查看完整請+Q:351916072獲取
1.緒論 1
1.1 課題研究背景 1
1.2 課題研究目的和意義 1
1.3 國內外研究現狀和分析 1
1.4 本文主要內容 2
2．相關開發技術介紹 3
2.1 系統開發模式 3
2.1.1 C/S模式 3
2.1.2 B/S模式 3
2.1.3 C/S與B/S的對比 4
2.2 ASP.NET相關技術介紹 4
2.2.1什么是ASP.NET 4
2.2.2什么是ASP.NET文件 4
2.2.3 ASP.NET的開發語言 5
2.2.4 ASP.NET的優點 5
2.2.5 ASP.NET中的DataList控件和GridView控件 5
2.2.6 ASP.NET母板頁的使用 6
2.3 C#語言介紹 6
2.4 HTML相關技術介紹 7
2.4.1 什么是HTML 7
2.4.2 HTML的語言特點 7
2.4.3 利用Session存儲敏感數據 7
2.5 SQL Server的介紹 8
2.5.1 什么是SQL Server 8
2.5.2 用LINQ技術解決SQL的注入式攻擊 8
2.6 本章小結 9
3.系統分析 9
3.1 系統功能需求分析 9
3.1.1 功能模塊分析 9
3.1.2 系統用例圖 13
3.1.3 系統總體結構圖 15
3.2 可行性分析 15
3.2.1 技術可行性分析 15
3.2.2 經濟可行性分析 16
3.2.3 社會因素可行性分析 16
3.3 軟硬件需求 16
3.3.1 硬件需求 16
3.3.2 軟件需求 16
3.4 本章小結 16
4.概要設計 17
4.1 系統總體設計 17
4.1.1 系統總體結構 17
4.1.2 系統環境配置 17
4.1.3 系統權限設置 17
4.2 數據庫設計 18
4.2.1 數據庫設計原則 18
4.2.2 數據庫概念結構設計 18
4.2.3 數據庫邏輯結構設計 20
4.3系統功能模塊設計 23
4.4 本章小結 24
5.系統實現 25
5.1 系統功能的實現 25
5.1.1 設計目標 25
5.1.2 設計目錄 25
5.2 本章小結 37
6.系統測試 38
6.1 測試概述 38
6.1.1 測試計劃和要點 38
6.1.2 問題與解決 38
結語 39
參考文獻 40
致謝 41
HTML:htper text markup language超文本標記(標簽)語言
由各種標簽組成，用來制作網頁，告訴瀏覽器如何顯示頁面
w3c:world wide web consortium萬維網聯盟，制定web技術相關標準和規范的組織，HTML技術hi由w3c制定的標準
兩個版本:HTML4.0.1、HTML5.0-----通常H5
官網：http://www.W3shcool.com.cn
HTML文檔是以.html或.htm結尾
記事本notepad、sublime、Notepad++、Dreamweaver、VScode、Webstorm等
使用步驟：
使用技巧：
常見的瀏覽器：IE瀏覽器微軟、chrome谷歌瀏覽器、fifirefox火狐、safari蘋果
瀏覽器的作用是讀取html文件，并以網頁的形式來顯示
瀏覽器不會直接顯示html標簽，而是使用標簽來解釋網頁的內容
一個完整的html標簽的組成：
<標簽名 屬性名="屬性值">內容</標簽名>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>標簽</title>
</head>
<body bgcolor="red" text="blue">
html從入門到精通!
</body>
</html>
12345678910屬性值要用雙撇號括起來，一般用雙引號
根據標簽是否關閉，分為，關閉型和非關閉型
<html></html>
<head></head>
<title></title>非關閉型：沒有結束標簽
<meta>
<br>
<h1>....<h6>根據標簽是否獨占一行，分為塊級標簽和行級標簽
塊級標簽：顯示為塊狀，獨占一行
<h1>大家好</h1>
<hr>行級標簽：在行內顯示，可與其他內容在同一行顯示
<span></span>
注釋在瀏覽器中不會顯示,是用來標注解釋html語句,但通過查看源代碼的方式可以看到
語法:
<--注釋內容-->
也稱為特殊字符,用于顯示一些特殊符號,如<>&空格等
語法:
<&實體字符的名稱>
在html文檔的第一行,使用<!DOCTYPE html>
聲明HTML文檔的類型用來告訴瀏覽器頁面的文檔嘞型,用來制定html版本的規范
目前基本上最常用的html5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
123456789101.基本標簽
1.1 有序列表
ol:ordered listli:list item默認使用阿拉伯數字、從1開始標記，可以通過屬性進行修改
· type屬性：設置列表的符號標記、取值；數字1（默認）、字母（a或A）、羅馬數字(i或I) · start屬性：設置起始值，值必須是數字
1.2 無序列表
ul:unodered list
li:list item
默認情況下使用實心圓表作為符號標記，可以通過屬性進行修改
· type屬性：設置列表的符號標記、取值：disc實心圓（默認）、circle空心圓、square正方形、none不 顯示項目符號
1.3 定義列表
dl:definition list
dt:definition title
dd:definition description
1.4 水平線標簽
hr:horizontal
常用屬性：
· color:顏色
兩種方式：
顏色名稱：如red、green、blue、white、black、pink、orange等
16進制的RGB表示法：Red、Green、Blue用法：#RRGGBB 每種顏色的取值范值0-255，轉換為16 進制00-FF
如: #FF0000 紅色 #00FF00綠色 #0000FF藍色 #FFFFFF白色、#CCCCCC #FF7300桔色
· size:粗細，數值
· width寬度
兩種寫法：
? 像素：絕對值（固定值）
? 百分比：相對值，相對于水平線標簽所在父容器寬度的百分比
· align對齊
? 取值：center居中 left right
1.5圖像標簽
img:image
常見的圖片格式：.jpg .png .gif .bmp
常見的屬性：
· src:source指定圖片的路徑（來源），必選叁數
如果圖片與html源代碼在同一個文件夾中，可以直接在src中寫圖片名稱即可
習慣上，我們會將多個圖片與html代碼文檔分別放在同一個文件夾project中的不同目錄下，此時需要 在src中指定圖片的路徑為相對路徑
路徑的分類：
? · 相對路徑
? 表示： ./當前路徑
…/當前位置的上一級文件夾
? 提示：…/image
? · alt:當圖片無法顯示時顯示的提示信息
? · title:當鼠標放到圖片上時顯示的提示信息
? · width和 height:設置圖片的寬度和高度
默認圖片以原始尺寸顯示
? 如果只設置其中一個，則另一個會按比例縮放
? 如果同時設置寬和高，可能導致圖片變形
? 兩種寫法：
? 像素：絕對值（固定值）
? 百分比：相對值，相對于父容器的尺寸的百分比
2.其他標簽
為了更好語義化
3.頭部標簽
· meta定義網頁的摘要信息，如字符編碼，關鍵詞，描述，作者等
· title定義網頁的標題
· style定義內容css樣式
· link引用外部css樣式
· script定義或引用腳本
· base定義基礎路徑
默認以當前頁面文件所在的位置為相對路徑參照
4.標簽嵌套
一個標簽中嵌套另外一個標簽
標簽不能亂嵌套
瀏覽器渲染后顯示的頁面代碼與編碼時有所不同
chrome瀏覽器提供的開發工具：幫助開發人員查看和調試頁面的
如何打開：
· Elements:從瀏覽器的角度來看頁面，瀏覽器渲染頁面時內部的結構
· console:控制臺，顯示各種警告和錯誤信息
· network:查看網絡請求信息，瀏覽器向服務器請求了哪些資源，資源大小，
加載資源所消耗的時間
四、超鏈接
1.簡介
使用超鏈接可以從一個頁面跳轉到另外一個頁面，實現頁面之間導航
當鼠標移動到超鏈接文本或圖片時，鼠標箭頭會變成一只小手
超鏈接有三種類型:
普通鏈接/頁面間的鏈接，跳轉到另一個頁面 錨鏈接：鏈接到錨點（鏈接到同一個頁面的指定位置） 功能鏈接：實現特殊功能(發郵件，下載)
2.基本用法
使用 標簽來創建超鏈接
語法格式：
常用屬性：
href:鏈接地址或路徑,鏈接地址
world
鏈接文本或圖片
1 2 3 4 5 1 target:鏈接打開的位置,取值
路徑分類：
絕對路徑 以根開始的路徑
file:///D:/software/b.html https://www.baidu.com/img/bd_logo1.png
相對路徑 相對于當前頁面文件所在的路徑,不是以根開始的路徑 ./ 當前路徑 …/ 當前位置上一級目錄
3.錨鏈接
3.1簡介
點擊鏈接后跳轉到某一個頁面的指定位置（錨點anchor）
錨鏈接的分類：
頁面內的錨鏈接 頁面間的錨鏈接
3.2 頁面內的錨鏈接
步驟：
3.3 頁面間的錨鏈接
4.功能鏈接
5.URL
5.1 簡介
URL:Uniform Resource Locator 統一資源定位器,用來定位資源所在的位置，最常見的就是網址
5.2 組成
一個完整的URL由8個部分組成：
協議：prococol 如 http:超文本傳輸協議，用來訪問WEB網站Hyper text Transfer protocal https:更加安全的協議 SSL安全套接子層 ftp文件傳輸協議，用來訪問服務器上的文件，實現文件的上傳和下載File Transfer protocol file:文件協議，用來訪問本地文件 主機名hostname服務器地址或服務器Netbios名稱,如www.baidu.com ftp://10.255.254.254 端口：port位于主機名的后面，使用冒號進行分隔 不同的協議使用不同的端口，如http使用80端口,https使用的443端口,ftp使用20和21 如果使用的是默認端口，則端口可以省略 如果使用的不是默認端口，則必須指定端口http://59.49.32.213:7070/ 路徑：path目標文件所在的路徑結構，如:www.baidu.com/img/ 資源resource要訪問的目標文件，如bd_logo1.png 查詢字符串：query string 也稱為參數 在資源后面使用?開頭的一組名稱/值
鏈接文本
鏈接文本
https://www.baidu.com/img/bd_logo1.png?name=tom&age=2&sex=male https://www.w3school.com.cn/html/html_quotation_elements.asp file:///C:/Users/Administrator/Desktop/project/code/09.%E5%B8%B8%E7%94%A8%E6%A0%87%E7%A D%BE3.html http://www.sxgjpx.net/ ftp://10.255.254.253/
1
1
1 2 3
4 5
名稱和值之間以=分隔，多個之間用&分隔，如:name=tom&age=2&sex=male 錨點anchor，在資源后面使用#開頭的文本，如#6 身份認證authentication,指定身份信息，如：ftp://賬戶:密碼@ftp.bbshh010.com
五、表格
1.簡介
表格是一個規則的行列結構，每個表格是由若干行組成，每行由若干個單元格組成
table row column
2.基本結構
2.1 table標簽
用來定義表格
常用屬性：
border:表格邊框 默認為0 width/height：寬度/高度 bordercolor:邊框的顏色 align:對齊方式，取值：left(默認) center居中 right居右 bgcolor:背景顏色 background:背景圖片 cellspacing間距：單元格與單元格之間的距離 cellpadding邊距：單元格中的內容到邊界之間的距離
2.2 tr標簽
用來定義行：table row
常用屬性：
align:水平對齊 取值：left(默認) center right valign垂直對齊 取值：top center bottom bgcolor:背景顏色 background:背景圖片
2.3 td標簽
用來定義單元格，table data
常用屬性：align、valign、bgcolor、background
注意：表格必須是由行組成，行必須由單元格來組成，數據必須放到單元格中
3.合并單元格
合并單元格也稱為單元格的跨行跨列
兩個屬性：
rowspan 設置單元格所跨的行數 colspan 設置單元格所跨的列數
步驟：
六、表單
1.簡介
表單是一個包含若干個表單元素的區域，用于獲取瑣類型的用戶數據
表單元素是允許用戶在表單輸入信息的元素，如文本框、密碼框、單選按鈕、復選框、下拉列表、按鈕等
2.表單結構
2.1表單語法
1
2.2form標簽
用來定義表單，可以包含多個表單元素
常用屬性：
action:提交數據給誰處理，即處理數據的程序，默認為當前頁面 method:提交數據的方式或方法，取值：get(默認)，post get和post的區別： get:以查詢字符串的形式提交，在地址欄中能看到，長度有限制，不安全 post以表單數據組的形式進行提交，在地址欄中看不到，長度無限制，安全 enctype(encode type)編碼類型：提交數據的編碼，取值：application/X-www-form-urlencoded(默 認)、multipart/form-data(文件上傳)
3.表單元素
大多數的表單元素都是使用 標簽來定義的，通過設置屬性type來定義不同的表單元素
1
3.1單行文本框
常用屬性：
·name名稱，很重要，如果沒有定義name屬性，則該表單元素的數據是無法提交的
·value初始值
·size顯示寬度
·maxlength:大字符數，默認是沒有限制
·readonly只讀：readonly=“readonly”,可簡寫readonly,即只寫屬性名
·disabled禁用：disabled=“disabled”, 可簡寫disabled完全禁用
表單元素被提交的兩個條件，1.有name屬性2.非disabled
3.2 單選按鈕
常用屬性：
·name名稱：多個radio的name屬性必須相同，才能實現互斥（單選）
·value值
·checked:是否被選中，兩種狀態，選中，未選中 checked=“checked” 簡寫 checked
3.3 復選框
常用屬性與單選按鈕radio類似
3.4 文件選擇器
常用屬性：
·name:名稱
·accept設置可選擇的文件類型，用來限制上傳的文件類型
使用MIME格式字符串對資源類型進行限制
常見的MIME類型：
·純文本：text/plain text/xml text/html
· 圖像：image/png image/jpeg image/gif
4.特殊表單元素
4.1下拉列表
select常用屬性：
·name名稱
·size行數，同時顯示多個選項
·multiple允許同時選擇多個
option常用屬性：
·value選項值
·selected設置默認選中項
optgroup常用屬性：
·label分組的標簽
4.2文本域
·name名稱
·rows行數
·cols列數
5、其他標簽
5.1 label標簽
為表單元素提供標簽，當選中label標簽中的文本內容時會自動將光標切換到與之相關聯的表單元素。
常用屬性：
·for必須將該屬性值設置為與相關聯的表單元素的Id屬性值相同。
注：幾乎所有HTML標簽都具有id屬性，且id值必須唯一。
5.2 button標簽
也表示按鈕，與input按鈕類似
語法：
1按鈕文字或圖像
常用屬性：
·type按鈕的類型，取值: submit（默認）、reset、button
5.3 fieldset和legend標簽
fieldset標簽，對表單元素進行分組
legend標簽，對分組添加標題
七、內嵌框架
1、簡介
使用iframe可以在一個頁面中引用另一個頁面，實現復用、靈活
2、基本用法
語法：
1
常用屬性：
· src:引用的頁面
· width/height寬度/高度 ，像素或百分比
· frameborder是否顯示邊框，取值：1(yes) 0(no)—默認
· scrolling是否顯示滾動條，取值：yes no auto
· name屬性 為框架定義名稱
3、在框架中打開鏈接
1
2
3鏈接的文本或圖像
八、HTML5簡介
1、發展
W3C于1992年12月發布了HTML4.0.1標準
W3C于2014年10月發布了HTML5標準
2、特點
· 取消了過時的標簽，如font、center等，它們僅具有展示外觀的功能
· 增加了一些更具有語義化的標簽，如header、footer、aside等
· 增加了一些新功能標簽，如canvas、audio、video
· 增加了一些表單控件，如email、date、time、url、search等
· 可以直接在瀏覽器中繪畫（canvas），無需flash
· 增加了本地存儲的支持
3、兼容性
http://caniuse.com
提供了各種瀏覽器版本對HTML5和CSS規范的支持度
九、HTML5新增內容
1、結構相關的標簽
用來進行頁面結構布局，本身無任何特殊樣式，需要使用CSS進行樣式設置
· article定義一個獨立的內容，完整的文章
· section定義文檔的章節、段落
· header文章的頭部、頁眉、標題
· footer文章的底部、頁腳、標注
· aside定義側邊欄
· figure圖片區域
· figcaption為圖片區域定義標題
· nav定義導航菜單
結構標簽只是表明各部分的角色，并無實際的外觀樣式，與普通div相同
2、語義相關的標簽
2.1 mark標簽
標注，用來突出顯示文本，默認添加黃色背景
2.2 time標簽
定義日期和時間，便于搜索引擎智能查找
2.3 details和 summary標簽
默認顯示summary中的內容，點擊后顯示details中的內容
注：并不是所有的瀏覽器都兼容，chrome、opera支持、Firefox、IE瀏覽器不支持
2.4 meter標簽
計數儀，表示度量
常用屬性：
· max定義大值，默認為1
· min定義小值，默認為0
· value定義當前值
· high定義限定為高的值
· low定義限定為低的值
· optimum定義佳值
規則：
當value大于high時為綠色
當value在low與high之間時為黃色
當value小于low時為紅色
當value小于low時為綠色
當value在low與high之間時為黃色
當value大于high時為紅色
2.5 progress標簽
進度條，表示運行中的進度
常用屬性：
· value定義當前值
· max定義完成的值
3.表單相關
3.1 新增表單元素
新增以下type類型：
· email接收郵箱
· url接收URL
· tel接收電話號碼，目前僅在移動設備上有效
· search搜索文框
· number/range接收數字/數字滑塊,包含min,max,step屬性
· date/month/week/time/datetime日期時間選擇器，兼容性不好
· color顏色拾取
作用：
· 具有格式校驗的功能
· 可以與移動設備的鍵盤相關聯
3.2新增表單屬性
form標簽的屬性：
· autocomplete是否啟動表單的自動完成功能， 取值:on(默認)、o?
· novalidate提交表單時不進行校驗，默認會進行表單校驗
3.3 新增表單元素的屬性
新增表單元素屬性：input/select/textarea等
· placeholder提示文字
· required是否必填
· autocomplete是否啟用該表單元素的自動完成功能
· autofocus設置初始焦點元素
· pattern使用正則表達式（RegExp后面會講解），進行數據校驗
· list使文本元素具有下拉列表的功能，需要配合datalist和option標簽一起使用
· form可以將表單元素寫在form標簽外面，然后通過該屬性關聯指定的表單
4、多媒體標簽
4.1audio標簽
在頁面中插入音頻，不同的瀏覽器對音頻格式的支持不一樣
audio常用屬性：
· src音頻文件的來源
· controls是否顯示控制面板，默認不顯示
· autoplay是否自動播放，默認不自動播放
· loop是否循環播放
· muted是否靜音
· preload是否預加載，取值：none不預加載、auto預加載（默認）、metadata只加載元數據
如果設置了autoplay屬性，則該屬性無效
可以結合source標簽使用，指定多個音頻文，瀏覽器會檢測并使用第一個可用的音頻文件
4.2 video標簽
在頁面中插入視頻，不同的瀏覽器對視頻格式的支持不一樣
用法與audio標簽基本相同，增加屬性：
· widht/height視頻播放器的寬度/高度
· poster在視頻加載前顯示的圖片
<html>
<body>
<tiele>HTML技術</tiele>
</body>
<body>
大家好，歡迎學習html技術!
</body>
</html>1234567效果
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-h271e4v6-1593240920352)(C:\Users\lenovo\Desktop\新建文件夾\靜態網頁2\案例\result\案例1.png)]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>標簽</title>
</head>
<body text="blue">
標簽的組成
<br>
html從入門到精通！
<hr>
<h1>標簽的分類</h1>
<hr>
<h2>標簽的分類</h2>
<hr>
<h6>標簽的分類</h6>
<hr>
<span>哈哈</span>嘿嘿
</body>
</html>1234567891011121314151617181920212223效果
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-jx6zJE1P-1593240920354)(C:\Users\lenovo\Desktop\新建文件夾\靜態網頁2\案例\result\案例2.png)]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
圖書:<<HTML從入門到精通<<
<hr>
北京 上海 廣州
<hr>
在HTML中用<表示<小于號
<hr>
“HTML語言” 或 &qout;HTML語言&qout;
<hr>
版權所有? 2000-2020 高教培訓
<hr>
×關閉符號
</body>
</html>123456789101112131415161718192021222324效果
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-nuFLl3hm-1593240920355)(C:\Users\lenovo\Desktop\新建文件夾\靜態網頁2\案例\result\案例3.png)]
（剩下的下期出）
原文鏈接：https://blog.csdn.net/WanXuang/article/details/106982782?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160513384519724835852804%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=160513384519724835852804&biz_id=&utm_medium=distribute.pc_search_top_result.none-task-code-2~all~top_position~default-1-106982782-12.nonecase&utm_term=html
作者：WanXuang
出處：從CSDN
們以源碼的方式安裝HC小區管理系統，主要原因為 一些科技公司可能或多或少的根據物業需求個性化二開，
1、安裝梓豪平臺 （這里濾過），之前的教程講了很多次了，如果不會請查看教程
http://bbs.homecommunity.cn/pages/bbs/topic.html?topicId=102022012655760522
2、主要概念說明
a> 業務包：指的我們的項目包，比如java來說 jar包就認為是業務包，當然這里所有的文件我們都認為是業務包，比如 jar 可執行文件 shell等
b>dockerfile : 為docker官方定義的用于構建docker鏡像的文件，主要用于 構建docker鏡像，提供給應用使用
c>構建版本：是通過源碼的方式編譯后并通過dockerfile 制作鏡像 供應用使用的整個過程，也叫作 ci/cd 類似Jenkins的功能
3、流程說明
構建版本 除了編譯代碼外還具備根據構建計劃 依賴業務包和dockerfile 制作鏡像，如下圖
4、添加業務包
根據HC小區管理系統后端代碼，我們知道擁有
report job fee common dev user store community order api eureka acct oa
這里以report 舉例子，其他參考自己添加業務包
打開軟件中心下業務包菜單 點擊新建按鈕
全部添加完成
4、添加dockerfile
這里分為普通添加和高級添加
普通添加 為 對dockerfile 不是很熟的添加方式
高級添加 為對dockerfile 很熟的方式 比較靈活的方式
大家可以根據自身的情況使用 我們這次以普通添加來說明
打開軟件中心中dockerfile 中普通添加按鈕
點擊保存
這是一種便利方式 點擊修改我們就能看到根據我們填寫的生成了dockerfile
如果我們要修改 可以修改dockerfile 內容或者刪除重新添加
如果要修改 剛剛腳本的內容可以去業務包頁面修改
這里就是剛剛我們添加的內容
把其他的dockerfile 也按照service-report 添加完成
添加完成
5、添加構建版本
打開構建版本頁面 點擊新建按鈕
溫馨提示服務安裝了git 和maven
安裝 git
yum install git
安裝 maven
yum install maven
6、添加構建計劃
相對于代碼位置
好根據service-report 完成其他的配置
請仔細檢查不要單詞拼寫錯誤
service-report/target/service-report.jar
service-job/target/service-job.jar
service-fee/target/service-fee.jar
service-common/target/service-common.jar
service-dev/target/service-dev.jar
service-user/target/service-user.jar
service-store/target/service-store.jar
service-community/target/service-community.jar
service-order/target/service-order.jar
service-api/target/service-api.jar
service-eureka/target/service-eureka.jar
service-acct/target/service-acct.jar
service-oa/target/service-oa.jar
7、安裝git和maven
因為我的是阿里云上開的新主機所以沒有git 和maven
yum install git
yum install maven
8、修改鏡像倉庫
打開開發中心下編碼映射 修改鏡像倉庫地址
這里推薦用阿里云鏡像，或者自己搭建harbor 鏡像倉庫也可以
9、點擊構建
打開軟件中心構建版本頁面點擊構建按鈕 全選構建
點擊日志開始構建
10、構建時 懶的去看日志輸出 配置釘釘構建消息通知
打開租戶設置 釘釘 機器人 地址
釘釘收到構建消息
11、添加應用驗證 是否 鏡像構建成功
這里就不一一添加而是通過 快速部署應用的方式
http://bbs.homecommunity.cn/pages/bbs/topic.html?topicId=102022012655760522
請參考這里
12、驗證構建鏡像是否正確
fee服務啟動成功 沒有問題
到此根據源碼搭建 基本完成
開發過程中操作的流程
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
