物聯(lián)網(wǎng)IPv6遠(yuǎn)程監(jiān)控應(yīng)用示范系統(tǒng)——說明_第1頁
物聯(lián)網(wǎng)IPv6遠(yuǎn)程監(jiān)控應(yīng)用示范系統(tǒng)——說明_第2頁
物聯(lián)網(wǎng)IPv6遠(yuǎn)程監(jiān)控應(yīng)用示范系統(tǒng)——說明_第3頁
物聯(lián)網(wǎng)IPv6遠(yuǎn)程監(jiān)控應(yīng)用示范系統(tǒng)——說明_第4頁
物聯(lián)網(wǎng)IPv6遠(yuǎn)程監(jiān)控應(yīng)用示范系統(tǒng)——說明_第5頁
已閱讀5頁，還剩36頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、物聯(lián)網(wǎng)/IPv6/遠(yuǎn)程視頻監(jiān)控信息管理系統(tǒng)V1.01 系統(tǒng)設(shè)計(jì)本系統(tǒng)基于MVC模式，即JSP +Servlet+JavaBeans的技術(shù)，大量使用Java script語句，采用Browse/Server工作模式，結(jié)合應(yīng)用MySQL數(shù)據(jù)庫，搭建了視頻監(jiān)控系統(tǒng)管理系統(tǒng)。實(shí)現(xiàn)了管理整個(gè)監(jiān)控系統(tǒng)相關(guān)信息的作用，同時(shí)為視頻監(jiān)控系統(tǒng)管理人員提供方便和快捷的可視化操作平臺(tái)。 系統(tǒng)通過前臺(tái)頁面，設(shè)立專門的登錄頁面，通過前臺(tái)登陸人員權(quán)限的判定，決定是否允許登陸后臺(tái)。11 MVC架構(gòu)該系統(tǒng)使用經(jīng)典的MVC架構(gòu)。使用MVC模式應(yīng)用程序被分成三個(gè)核心部件：模型、視圖、控制器。它們各自處理自己的任務(wù)。視圖是用戶看到并

2、與之交互的界面。對(duì)老式的Web應(yīng)用程序來說，視圖就是由HTML元素組成的界面，在新式的Web應(yīng)用程序中，HTML依舊在視圖中扮演著重要的角色，但一些新的技術(shù)已層出不窮，它們包括Macromedia Flash和象XHTML，XML/XSL，WML等一些標(biāo)識(shí)語言和Web services. 如何處理應(yīng)用程序的界面變得越來越有挑戰(zhàn)性。MVC一個(gè)大的好處是它能為你的應(yīng)用程序處理很多不同的視圖。在視圖中其實(shí)沒有真正的處理發(fā)生，不管這些數(shù)據(jù)是聯(lián)機(jī)存儲(chǔ)的還是一個(gè)雇員列表，作為視圖來講，它只是作為一種輸出數(shù)據(jù)并允許用戶操縱的方式。模型模型表示企業(yè)數(shù)據(jù)和業(yè)務(wù)規(guī)則。在MVC的三個(gè)部件中，模型擁有最多的處理任務(wù)。

3、例如它可能用象EJBs和ColdFusion Components這樣的構(gòu)件對(duì)象來處理數(shù)據(jù)庫。被模型返回的數(shù)據(jù)是中立的，就是說模型與數(shù)據(jù)格式無關(guān)，這樣一個(gè)模型能為多個(gè)視圖提供數(shù)據(jù)。由于應(yīng)用于模型的代碼只需寫一次就可以被多個(gè)視圖重用，所以減少了代碼的重復(fù)性。 控制器控制器接受用戶的輸入并調(diào)用模型和視圖去完成用戶的需求。所以當(dāng)單擊Web頁面中的超鏈接和發(fā)送HTML表單時(shí)，控制器本身不輸出任何東西和做任何處理。它只是接收請(qǐng)求并決定調(diào)用哪個(gè)模型構(gòu)件去處理請(qǐng)求，然后用確定用哪個(gè)視圖來顯示模型處理返回的數(shù)據(jù)。在工程里，servlet扮演控制器的角色，負(fù)責(zé)請(qǐng)求處理和產(chǎn)生jsp要使用的bean和對(duì)象，以及根據(jù)

4、客戶的動(dòng)作決定下一步轉(zhuǎn)發(fā)到哪一個(gè)jsp頁面。jsp頁面內(nèi)部并沒有處理邏輯；它只是簡單地負(fù)責(zé)取得可能是servelet事先創(chuàng)建的對(duì)象和bean，并為在了靜態(tài)模版中插入從servlet釋放出動(dòng)態(tài)內(nèi)容。12 網(wǎng)頁設(shè)計(jì)構(gòu)思 DIV+CSS網(wǎng)頁重構(gòu)的思想DIV+CSS是系統(tǒng)標(biāo)準(zhǔn)（或稱“WEB標(biāo)準(zhǔn)”）中常用術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方式的區(qū)別，因?yàn)閄HTML系統(tǒng)設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。 HTML語言自HTML4.01以來，不再發(fā)布新版本，原因就在于HTML語言正變得越來越復(fù)雜化、專用化。即標(biāo)記越來越多，甚至各個(gè)

5、瀏覽器生產(chǎn)商也開發(fā)出只適合于其特定瀏覽器的HTML標(biāo)記，這顯然有礙于HTML網(wǎng)頁的兼容性。于是W3C組織進(jìn)而重新從SGML中獲取營養(yǎng)，隨后，發(fā)布了XML，XML是一種比HTML更加嚴(yán)格的標(biāo)記語言，全稱是可擴(kuò)展標(biāo)記語言（EXtensible Markup Language）。但是XML過于復(fù)雜，且當(dāng)前的大部分瀏覽器都不完全支持XML。于是XHTML這種語言就派上了用場(chǎng)，XHTML語言就是一種可以將HTML語言標(biāo)準(zhǔn)化，用XHTML語言重寫后的HTML頁面可以應(yīng)用許多XML應(yīng)用技術(shù)。使得網(wǎng)頁更加容易擴(kuò)展，適合自動(dòng)數(shù)據(jù)交換，并且更加規(guī)整。CSS即層疊樣式表，它的關(guān)鍵就在于其與腳本語言（如Javascr

6、ipt）及XML技術(shù)的融合，即CSS+Javascript+XML但XSL，即可擴(kuò)展樣式表語言相較于CSS過于復(fù)雜，不太容易上手。自從CSS出現(xiàn)之后，HTML終于擺脫了雜亂無章的惡夢(mèng)，將頁面內(nèi)容與樣式分離。DIV+CSS優(yōu)勢(shì)所在1、符合W3C標(biāo)準(zhǔn)。微軟等公司均為W3C支持者。這一點(diǎn)是最重要的，因?yàn)檫@保證您的系統(tǒng)不會(huì)因?yàn)閷砭W(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。 2、支持瀏覽器的向后兼容，也就是無論未來的瀏覽器大戰(zhàn)，勝利的是IE7或者是火狐，您的系統(tǒng)都能很好的兼容。 3、搜索引擎更加友好。相對(duì)與傳統(tǒng)的table, 采用DIV+CSS技術(shù)的網(wǎng)頁，對(duì)于搜索引擎的收錄更加友好。 4、樣式的調(diào)整更加方便。內(nèi)容和樣式的

7、分離，使頁面和樣式的調(diào)整變得更加方便。 現(xiàn)在YAHOO,MSN等國際門戶系統(tǒng)，網(wǎng)易，新浪等國內(nèi)門戶系統(tǒng)，和主流的WEB2.0系統(tǒng)，均采用DIV+CSS的框架模式，更加印證了DIV+CSS是大勢(shì)所趨。 5、CSS的極大優(yōu)勢(shì)表現(xiàn)在簡潔的代碼，對(duì)于一個(gè)大型系統(tǒng)來說，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。 6、表現(xiàn)和結(jié)構(gòu)分離，在團(tuán)隊(duì)開發(fā)中更容易分工合作而減少相互關(guān)聯(lián)性。 DIV+CSS的行內(nèi)套用在HTML文件內(nèi)直接宣告樣式。 舉例來說，Thisisfontsize16. 以上的HTML文件在瀏覽器上會(huì)顯現(xiàn)為：Thisisfontsize16.嵌入套用樣式可以嵌入于HTML文件中(通常

8、是在<head>內(nèi))。舉例來說， <head><styletype="text/css">divdivbackground-color:#FF0000;</style></head><body>背景顏色是紅色</body> 以上的HTML會(huì)顯現(xiàn)出：背景顏色是紅色，外部連接套用在這種方式下，所有的CSS樣式宣告都是存在另外一個(gè)檔案中。 該檔案通常名稱為.css。 在HTML文件的<header>.</header>之中，我們將用以下的程式碼將這個(gè).css檔案連接進(jìn)入：

9、<linkrel=stylesheettype="text/css“href="external-stylesheet.css"> 以上這一行會(huì)將在external-stylesheet.css這個(gè)檔案內(nèi)所宣告的樣式加入HTML文件內(nèi)。 DIV+CSS布局系統(tǒng)的優(yōu)點(diǎn)一、使頁面載入得更快 由于將大部分頁面代碼寫在了CSS當(dāng)中，使得頁面體積容量變得更小。相對(duì)于表格嵌套的方式，DIV+CSS將頁面獨(dú)立成更多的區(qū)域，在打開頁面的時(shí)候，逐層加載。而不像表格嵌套那樣將整個(gè)頁面圈在一個(gè)大表格里，使得加載速度很慢。 二、降低流量費(fèi)用 頁面體積變小，瀏覽速度變快，這就使

10、得對(duì)于某些控制主機(jī)流量的系統(tǒng)來說是最大的優(yōu)勢(shì)了。 三、修改設(shè)計(jì)時(shí)更有效率 由于使用了DIV+CSS制作方法，在修改頁面的時(shí)候更加容易省時(shí)。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁面的時(shí)候更加方便，也不會(huì)破壞頁面其他部分的布局樣式。 四、保持視覺的一致性 DIV+CSS最重要的優(yōu)勢(shì)之一：保持視覺的一致性；以往表格嵌套的制作方法，會(huì)使得頁面與頁面，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。而使用DIV+CSS的制作方法，將所有頁面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。 五、更好地被搜索引擎收錄 由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中

11、，這就使得網(wǎng)頁中正文部分更為突出明顯，便于被搜索引擎采集收錄。 六、對(duì)瀏覽者和瀏覽器更具親和力 我們都知道系統(tǒng)做出來是給瀏覽者使用的，對(duì)瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優(yōu)勢(shì)。由于CSS富含豐富的樣式，使頁面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。 說了這么多CSS網(wǎng)頁布局的意義與優(yōu)點(diǎn)，同時(shí)也不能輕視CSS網(wǎng)頁布局的副作用： 一、DIV+CSS盡管不是高不可及，但至少要比表格定位復(fù)雜的多，即使對(duì)于系統(tǒng)設(shè)計(jì)高手也很容易出現(xiàn)問題。 二、CSS系統(tǒng)制作的設(shè)計(jì)元素通常放在1個(gè)外部文件中，或幾個(gè)文件，有可能相當(dāng)復(fù)雜，甚至比較龐大，如果CSS文件調(diào)用出現(xiàn)異常，那

12、么整個(gè)系統(tǒng)將變得復(fù)雜。 三、雖然說DIV+CSS解決了大部分瀏覽器兼容問題，但是也有在部分瀏覽器中使用出現(xiàn)異常，比如火狐瀏覽器，在IE中顯示正常的頁面，到了火狐瀏覽器中可能會(huì)面目全非。當(dāng)然這應(yīng)該是瀏覽器的問題，但是可以說在目前來看，DIV+CSS還沒有實(shí)現(xiàn)所有瀏覽器的統(tǒng)一兼容。 四、DIV+CSS對(duì)搜索引擎優(yōu)化與否,取決于網(wǎng)頁設(shè)計(jì)的專業(yè)水平,而不是DIV+CSS本身。DIV+CSS網(wǎng)頁設(shè)計(jì)并不能保證網(wǎng)頁對(duì)搜索引擎的優(yōu)化，甚至不能保證一定比HTML系統(tǒng)有更簡潔的代碼設(shè)計(jì)，何況搜索引擎對(duì)于網(wǎng)頁的收錄和排序顯然不是以是否采用表格和CSS定位來衡量，這就是為什么很多傳統(tǒng)表格布局制作的系統(tǒng)在搜索結(jié)果中的

13、排序靠前，而很多使用CSS及web標(biāo)準(zhǔn)制作的網(wǎng)頁排名依然靠后的原因。因?yàn)閷?duì)于搜索引擎而言，系統(tǒng)結(jié)構(gòu)、內(nèi)容、相關(guān)系統(tǒng)鏈接等因素始終是系統(tǒng)優(yōu)化最重要的指標(biāo)。 13 功能組件的選用1.3.1 jquery腳本庫的使用jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrpt框架。其宗旨是WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。它是輕量級(jí)的js庫(壓縮后只有21k) ，這是其它的js庫所不及的，它兼容CSS3，還兼容各種瀏覽器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery是一個(gè)快速的，簡潔的javaScript

14、庫，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為系統(tǒng)提供AJAX交互。jQuery還有一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離，也就是說，不用再在html里面插入一堆js來調(diào)用命令了，只需定義id即可。引入JQuery在head標(biāo)簽內(nèi)加入這個(gè) <script src=JS/jquery-.min.js type="text/javascript"></script> 這是引用代碼 <s

15、cript type="text/javascript"> $(function()</script>1.3.2 jfreechart的狀態(tài)圖設(shè)計(jì)JFreeChart是JAVA平臺(tái)上的一個(gè)開放的圖表繪制類庫。它完全使用JAVA語言編寫，是為applications, applets, servlets 以及JSP等使用所設(shè)計(jì)。JFreeChart可生成餅圖（pie charts）、柱狀圖（bar charts）、散點(diǎn)圖（scatter plots）、時(shí)序圖（time series）、甘特圖（Gantt charts）等等多種圖表，并且可以產(chǎn)生PNG和JPE

16、G格式的輸出，還可以與PDF和EXCEL關(guān)聯(lián)。 JFreeChart目前是最好的java圖形解決方案，基本能夠解決目前的圖形方面的需求。 JFreeChart的源碼主要由以下兩個(gè)包組成： 1. org.jfree.chart，主要與圖形本身有關(guān) 2. org.jfree.data，主要與圖形顯示的數(shù)據(jù)有關(guān) Jxl.jar報(bào)表的設(shè)計(jì)通過java操作excel表格的工具類庫 支持Excel 95-2000的所有版本 生成Excel 2000標(biāo)準(zhǔn)格式 支持字體、數(shù)字、日期操作 能夠修飾單元格屬性 支持圖像和圖表 應(yīng)該說以上功能已經(jīng)能夠大致滿足我們的需要。最關(guān)鍵的是這套API是純Java的，并不依賴W

17、indows系統(tǒng)，即使運(yùn)行在Linux下，它同樣能夠正確的處理Excel文件。另外需要說明的是，這套API對(duì)圖形和圖表的支持很有限，而且僅僅識(shí)別PNG格式。 搭建環(huán)境將下載后的文件解包，得到JXL.JAR，放入classpath，安裝就完成了。如果包不能正常的加載，可以把你下載好的JXL.JAR包放入D：JAVAjrelibext中。在配置TOMCAT時(shí)也需要把相關(guān)的三個(gè)包放到這里面。 基本操作擬生成一個(gè)名為“測(cè)試數(shù)據(jù).xls”的Excel文件，其中第一個(gè)工作表被命名為“第一頁”，大致效果如下： 代碼（CreateXLS.java）： /生成Excel的類 import java.io.*;

18、import jxl.*; import jxl.write.*; public class CreateXLS public static void main(String args) try /打開文件 WritableWorkbook book= Workbook.createWorkbook(new File(“測(cè)試.xls”); /生成名為“第一頁”的工作表，參數(shù)0表示這是第一頁 WritableSheet sheet=book.createSheet(“第一頁”,0); /在Label對(duì)象的構(gòu)造子中指名單元格位置是第一列第一行(0,0) /以及單元格內(nèi)容為test Label la

19、bel=new Label(0,0,”test”); /將定義好的單元格添加到工作表中 sheet.addCell(label); /*生成一個(gè)保存數(shù)字的單元格 必須使用Number的完整包路徑，否則有語法歧義 單元格位置是第二列，第一行，值為789.123*/ jxl.write.Number number = new jxl.write.Number(1,0,789.123); sheet.addCell(number); /寫入數(shù)據(jù)并關(guān)閉文件 book.write(); book.close(); catch(Exception e) System.out.println(e); 編譯執(zhí)

20、行后，會(huì)在當(dāng)前位置產(chǎn)生一個(gè)Excel文件。 二、讀取文件以剛才我們創(chuàng)建的Excel文件為例，做一個(gè)簡單的讀取操作，程序代碼如下： /讀取Excel的類 import java.io.*; import jxl.*; public class ReadXLS public static void main(String args) try Workbook book= Workbook.getWorkbook(new File(“測(cè)試.xls”); /獲得第一個(gè)工作表對(duì)象 Sheet sheet=book.getSheet(0); /得到第一列第一行的單元格 Cell cell1=sheet.g

21、etCell(0,0); String result=cell1.getContents(); System.out.println(result); book.close(); catch(Exception e) System.out.println(e); 程序執(zhí)行結(jié)果：test 三、修改文件利用jExcelAPI可以修改已有的Excel文件，修改Excel文件的時(shí)候，除了打開文件的方式不同之外，其他操作和創(chuàng)建Excel是一樣的。下面的例子是在我們已經(jīng)生成的Excel文件中添加一個(gè)工作表： /修改Excel的類，添加一個(gè)工作表 import java.io.*; import jxl.*

22、; import jxl.write.*; public class UpdateXLS public static void main(String args) try /Excel獲得文件 Workbook wb=Workbook.getWorkbook(new File(“測(cè)試.xls”); /打開一個(gè)文件的副本，并且指定數(shù)據(jù)寫回到原文件 WritableWorkbook book= Workbook.createWorkbook(new File(“測(cè)試.xls”),wb); /添加一個(gè)工作表 WritableSheet sheet=book.createSheet(“第二頁”,1);

23、 sheet.addCell(new Label(0,0,”第二頁的測(cè)試數(shù)據(jù)”); book.write(); book.close(); catch(Exception e) System.out.println(e); 四、數(shù)據(jù)格式化在Excel中不涉及復(fù)雜的數(shù)據(jù)類型，能夠比較好的處理字串、數(shù)字和日期已經(jīng)能夠滿足一般的應(yīng)用。 1、字串格式化 字符串的格式化涉及到的是字體、粗細(xì)、字號(hào)等元素，這些功能主要由WritableFont和WritableCellFormat類來負(fù)責(zé)。假設(shè)我們?cè)谏梢粋€(gè)含有字串的單元格時(shí)，使用如下語句，為方便敘述，我們?yōu)槊恳恍忻罴恿司幪?hào)： WritableFont

24、font1= new WritableFont(WritableFont.TIMES,16,WritableFont.BOLD); 或/設(shè)置字體格式為excel支持的格式 WritableFont font3=new WritableFont(WritableFont.createFont("楷體 _GB2312"),12,WritableFont.NO_BOLD ); WritableCellFormat format1=new WritableCellFormat(font1); Label label=new Label(0,0,”data 4 test”,forma

25、t1); 其中指定了字串格式：字體為TIMES，字號(hào)16，加粗顯示。 WritableFont有非常豐富的構(gòu)造子，供不同情況下使用，jExcelAPI的 java-doc中有詳細(xì)列表，這里不再列出。 處代碼使用了WritableCellFormat類，這個(gè)類非常重要，通過它可以指定單元格的各種屬性，后面的單元格格式化中會(huì)有更多描述。 處使用了Label類的構(gòu)造子，指定了字串被賦予那種格式。在WritableCellFormat類中，還有一個(gè)很重要的方法是指定數(shù)據(jù)的對(duì)齊方式，比如針對(duì)我們上面的實(shí)例，可以指定： /把水平對(duì)齊方式指定為居中 format1.setAlignment(jxl.form

26、at.Alignment.CENTRE); /把垂直對(duì)齊方式指定為居中 format1.setVerticalAlignment(jxl.format.VerticalAlignment.CENTRE); /設(shè)置自動(dòng)換行 format1.setWrap(true); 二、單元格操作Excel中很重要的一部分是對(duì)單元格的操作，比如行高、列寬、單元格合并等，所幸jExcelAPI提供了這些支持。這些操作相對(duì)比較簡單，下面只介紹一下相關(guān)的API。 1、 合并單元格 WritableSheet.mergeCells(int m,int n,int p,int q); 作用是從(m,n)到(p,q)的單

27、元格全部合并，比如： WritableSheet sheet=book.createSheet(“第一頁”,0); /合并第一列第一行到第六列第一行的所有單元格 sheet.mergeCells(0,0,5,0); 合并既可以是橫向的，也可以是縱向的。合并后的單元格不能再次進(jìn)行合并，否則會(huì)觸發(fā)異常。 2、 行高和列寬 WritableSheet.setRowView(int i,int height); 作用是指定第i+1行的高度，比如： /將第一行的高度設(shè)為200 sheet.setRowView(0,200); WritableSheet.setColumnView(int i,int w

28、idth); 作用是指定第i+1列的寬度，比如： /將第一列的寬度設(shè)為30 sheet.setColumnView(0,30);14 數(shù)據(jù)庫設(shè)計(jì)數(shù)據(jù)庫名稱：ipcamera用戶名：root密碼：123分別有以下幾個(gè)表：用戶登錄表 user本表對(duì)應(yīng)用戶登錄系統(tǒng)。字段含義字段名類型寬度是否主鍵是否非空1、唯一編號(hào)idint20YY2、用戶名nameVarchar50Y3、密碼passwordVarchar50Y4、權(quán)限authorityint10Y5、手機(jī)號(hào)碼phoneNumVarchar206、職位postVarchar507、備注remarkVarchar200發(fā)送信息內(nèi)容 msgcon向用戶

29、發(fā)送信息的內(nèi)容 字段含義字段名類型寬度是否主鍵是否非空1、唯一編號(hào)idInt10YY2、發(fā)送內(nèi)容msgconVarchar200Y接收信息用戶表 message字段含義字段名類型寬度是否主鍵是否非空1、唯一編號(hào)idInt10YY2、姓名nameVarchar50Y3、手機(jī)號(hào)碼phoneNumVarchar30Y 卡片信息表 card字段含義字段名類型寬度是否主鍵是否非空1、卡號(hào)cardIdInt20YY2、密碼passwordVarchar50Y3、卡片類型 0為訪客卡1為用戶卡cardTypeboolean1Y3、是否受限0為非受限1為受限forbiddenboolean1Y5. 員工信息表

30、 employee字段含義字段名類型寬度是否主鍵是否非空1、員工號(hào)employeeIdVarchar(50)YY2、卡號(hào)cardIdint10Y3、員工部門departmentVarchar(50)Y4、員工職位postVarchar(50)Y5、員工姓名employeeNameVarchar(20)Y6、員工頭像imageVarchar(50)Y7、備注remarkVarchar(200)6.門禁記錄表 entrance字段含義字段名類型寬度是否主鍵是否非空1、唯一編號(hào)idint10YY2、刷卡狀態(tài)typeVarchar(50)50Y3、卡號(hào)cardIdint10Y4、年eYearintY5

31、、月eMonthintY6、日eDayintY7系統(tǒng)設(shè)置表syscon字段含義字段名類型寬度是否主鍵是否非空1、唯一編號(hào)idint1YY2、自動(dòng)錄像autoRecordBooleanY1、短信告警messageSendBooleanY2 模塊功能使用說明2.1 功能模塊概述本系統(tǒng)由面向用戶的前臺(tái)顯示和針對(duì)管理員的后臺(tái)管理兩大部分。其中前臺(tái)用戶端顯示界面共包括四個(gè)功能模塊，分別為：系統(tǒng)首頁、視頻監(jiān)控、短信管理、門禁查看、系統(tǒng)信息。對(duì)應(yīng)前臺(tái)顯示后臺(tái)管理共有用戶管理、報(bào)警管理等5大模塊。圖1-1 功能模塊示意圖2.2 典型模塊功能使用說明系統(tǒng)分為三種權(quán)限：待審核用戶，普通用戶，管理員。沒有賬號(hào)的用戶

32、可以登錄注冊(cè)頁面登記注冊(cè)信息，注冊(cè)成功后成為待審核用戶，等待管理員審核。普通用戶能夠登錄前臺(tái)，實(shí)現(xiàn)前臺(tái)的所有功能。管理員有最高權(quán)限，可以對(duì)待審核用戶進(jìn)行審核，同時(shí)能夠?qū)崿F(xiàn)前臺(tái)和后臺(tái)的所有功能。系統(tǒng)用戶用例圖如下：圖1-2系統(tǒng)用戶用例圖前臺(tái)典型欄目功能使用說明本系統(tǒng)的前臺(tái)包含三個(gè)功能模塊，分別是視屏監(jiān)控、短信管理、門禁查看、系統(tǒng)介紹。下面我們會(huì)針對(duì)各個(gè)模塊展開詳細(xì)介紹。1、 系統(tǒng)登錄用戶在登錄系統(tǒng)系統(tǒng)之前，首先進(jìn)入的是系統(tǒng)的登陸界面。在此頁面用戶可以輸入自己的用戶名和密碼進(jìn)入系統(tǒng)，如果你還沒有成為系統(tǒng)的用戶，則點(diǎn)擊注冊(cè)進(jìn)行用戶注冊(cè)，注冊(cè)完成之后等待管理員審核之后，才可以進(jìn)入系統(tǒng)。登錄頁面如圖所示

33、：圖1-3系統(tǒng)用戶登錄界面注冊(cè)界面如圖所示： 圖1-4系統(tǒng)用戶注冊(cè)界面在用戶注冊(cè)的過程中出現(xiàn)如下紅字，則證明數(shù)據(jù)庫已經(jīng)存在此用戶名，用戶需要重新輸入用戶名 如圖所示圖1-5 注冊(cè)界面（續(xù)2）注冊(cè)完成之后的用戶不能立即進(jìn)入系統(tǒng)，應(yīng)該等待管理員審核，否則會(huì)在登錄界面出現(xiàn)如下提示，如圖所示：圖1-6登錄界面(2)2、視頻監(jiān)控模塊介紹進(jìn)入系統(tǒng)之后，首先進(jìn)入的視頻監(jiān)控模塊,用戶可以在該模塊進(jìn)行視頻監(jiān)控。該模塊有三個(gè)功能，分別是單臺(tái)攝像、多臺(tái)攝像、錄像回放。其中在單臺(tái)攝像里面用戶可以選擇查看的監(jiān)控區(qū)域，也可以遙控?cái)z像頭進(jìn)行水平和垂直的移動(dòng)，也可以進(jìn)行變焦和亮度的調(diào)節(jié)等各種操作。初次之外用戶可以對(duì)非法進(jìn)入的

34、人員進(jìn)行短信報(bào)警和拍攝錄像等。單臺(tái)攝像頁面如下所示：圖1-7：系統(tǒng)首頁單擊多臺(tái)攝像可以，用戶可以同時(shí)監(jiān)控幾個(gè)區(qū)域。多臺(tái)攝像的界面如下所示：圖1-8 多臺(tái)攝像機(jī)監(jiān)控頁面用戶錄像界面如圖所示：圖1-9用戶錄像頁面2、短信管理模塊介紹短信管理模塊主要是對(duì)各種報(bào)警信息的綜述。用戶可以在短信提示里面詳細(xì)了解到短線的具體意義，當(dāng)前值班室當(dāng)前值班用戶的個(gè)人小資料和系統(tǒng)的管理狀態(tài)，用戶可以在這里查看系統(tǒng)現(xiàn)在的狀態(tài)和進(jìn)展情況。在短信專區(qū)里面可以詳細(xì)了解各種短信報(bào)警信息的詳細(xì)內(nèi)容，還可以將短信專區(qū)里面的短信內(nèi)容將其導(dǎo)出到你指定的位置。方便用戶儲(chǔ)蓄資料。如果用戶想將其打印，可以點(diǎn)擊打印。在打印頁面可以進(jìn)行打印內(nèi)容的瀏覽和進(jìn)行打印的操作。大大方便用戶進(jìn)行資料的打印和管理，以及資料的保存。短信管理界面如下所示： 圖1-10 短信管理界面2、門禁管理模塊介紹在門禁查看管理模塊有四個(gè)小模塊，分別是對(duì)門禁的按年查詢、按月查詢、按日查詢和卡號(hào)查詢。當(dāng)鼠標(biāo)放在短信管理導(dǎo)航條時(shí)會(huì)出現(xiàn)下拉菜單，用戶可在在這里選擇想進(jìn)入的模塊。同短信模塊一樣也可以對(duì)門禁信息進(jìn)行導(dǎo)出和的打印。如圖所示：圖1-11 門禁管理界面（續(xù)1）選擇查詢的方式數(shù)據(jù)表格，如圖所示：圖1-12 門禁

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論