亚洲免费av电影一区二区三区,日韩爱爱视频,51精品视频一区二区三区,91视频爱爱,日韩欧美在线播放视频,中文字幕少妇AV,亚洲电影中文字幕,久久久久亚洲av成人网址,久久综合视频网站,国产在线不卡免费播放

        ?

        基于Easyui框架的數(shù)據(jù)網(wǎng)格控件的研究與應(yīng)用

        2019-05-16 03:06:02許敏邵向陽
        中文信息 2019年4期

        許敏 邵向陽

        摘 要:隨著計(jì)算機(jī)及其互聯(lián)網(wǎng)的快速發(fā)展,整個(gè)社會(huì)的信息化進(jìn)程不斷加深,各種業(yè)務(wù)應(yīng)用系統(tǒng)趨向復(fù)雜化和綜合化。一個(gè)應(yīng)用廣泛的業(yè)務(wù)系統(tǒng)離不開一個(gè)美觀的、賞心悅目的用戶界面(UI)。開發(fā)人員如何快速設(shè)計(jì)出好的用戶界面是一個(gè)迫切需要解決的問題。本文從前端頁面框架入手,結(jié)合后臺(tái)實(shí)現(xiàn)技術(shù),以某業(yè)務(wù)系統(tǒng)用戶數(shù)據(jù)為例,分析和實(shí)現(xiàn)了基于數(shù)據(jù)網(wǎng)格控件的Web應(yīng)用。

        關(guān)鍵詞:EasyUI框架 JSON 數(shù)據(jù)網(wǎng)格控件 Web應(yīng)用

        中圖分類號(hào):TP31文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1003-9082(2019)04-0-01

        前言

        計(jì)算機(jī)技術(shù)及互聯(lián)網(wǎng)技術(shù)的快速發(fā)展,深刻影響著人們的生產(chǎn)和生活方式,同時(shí),這些變革進(jìn)一步催生新技術(shù)的誕生,特別是近年來html5、css3等技術(shù)的出現(xiàn),使得前端用戶頁面的設(shè)計(jì)和開發(fā)變得更加絢麗和健壯。得益于各種前端框架,前端頁面的設(shè)計(jì)和開發(fā)也變得更加快捷,本文選用EasyUI框架中的數(shù)據(jù)網(wǎng)格控件,結(jié)合javaweb開發(fā)常用方法和技術(shù),研究和實(shí)現(xiàn)了基于數(shù)據(jù)網(wǎng)格的常用操作。

        一、前端開發(fā)技術(shù)介紹

        1.jQuery Easyui

        2.AJAX

        EasyUI通過AJAX技術(shù)來實(shí)現(xiàn)與后端服務(wù)器數(shù)據(jù)交互。Ajax即“Asynchronous Javascript And XML”(異步JavaScript和XML),它是一種在無需重新加載整個(gè)網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術(shù)。通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,Ajax就可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下,對(duì)網(wǎng)頁的某部分進(jìn)行更新。大大提高了頁面的加載速度。

        3.JSON

        Easyui請(qǐng)求和返回的數(shù)據(jù)都是JSON類型的,JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式。它基于ECMAScript(歐洲計(jì)算機(jī)協(xié)會(huì)制定的js規(guī)范)的一個(gè)子集,采用完全獨(dú)立于編程語言的文本格式來存儲(chǔ)和表示數(shù)據(jù)。簡(jiǎn)潔和清晰的層次結(jié)構(gòu)使得JSON成為理想的數(shù)據(jù)交換語言。

        二、分析與實(shí)現(xiàn)

        1.需求分析

        本文以某高校業(yè)務(wù)管理系統(tǒng)用戶管理模塊為例進(jìn)行說明,該系統(tǒng)用戶管理模塊功能要求如下:

        第一,采用數(shù)據(jù)表格形式展示所有用戶信息,顯示屬性有用戶編號(hào)、用戶名稱、密碼、性別、年齡、所在部門等信息。

        第二,方便系統(tǒng)管理員進(jìn)行賬戶管理,包括對(duì)用戶進(jìn)行增加、刪除、修改操作,并自動(dòng)保存到后臺(tái)數(shù)據(jù)庫。

        第三,由于學(xué)校師生用戶數(shù)量較多,表格要具有分頁功能且能夠設(shè)置每頁顯示的條數(shù),方便管理員靈活設(shè)置查看。

        2.具體實(shí)現(xiàn)

        由于Datagrid控件可以開發(fā)出界面美觀、簡(jiǎn)潔明了的數(shù)據(jù)庫操作頁面,因此,本文前端采用easyui框架,后端采用java servlet、jdbc技術(shù),來實(shí)現(xiàn)用戶管理模塊的功能。下面介紹下datagrid控件實(shí)現(xiàn)的原理:datagrid控件是以JSON格式在前后臺(tái)之間傳遞數(shù)據(jù),首先在后臺(tái)中從數(shù)據(jù)庫取出數(shù)據(jù),然后封裝成JSON格式數(shù)據(jù),前端根據(jù)接收到的JSON格式數(shù)據(jù),在Datagrid控件上顯示相應(yīng)數(shù)據(jù)。

        前端主要代碼如下:

        toolbar=”#toolbar”pagination=”true”rownumbers=”true” fitColumns=”true”singleSelect=”true”>

        ……

        編號(hào)姓名密碼

        后端實(shí)現(xiàn)采用java語言編寫,主要完成數(shù)據(jù)庫的操作,有添加、修改、刪除、分頁等功能。由于篇幅有限,以下僅列出顯示所有用戶信息的關(guān)鍵代碼:

        public ResultSet userInfoList(Connection con,Page p)throws Exception{

        String sql=”select * from userinfo limit ?,?”;

        PreparedStatement pre=con.prepareStatement(sql);

        pre.setInt(1,p.getStart());

        pre.setInt(2,p.getRows());

        return pre.executeQuery();}

        3.測(cè)試

        現(xiàn)對(duì)數(shù)據(jù)網(wǎng)格進(jìn)行功能測(cè)試,點(diǎn)擊“新增”按鈕,按圖1所示輸入相關(guān)數(shù)據(jù),點(diǎn)擊“保存”,后提示保存成功,數(shù)據(jù)網(wǎng)格內(nèi)增加一條信息;

        選擇任一行數(shù)據(jù),然后點(diǎn)擊“編輯”按鈕,顯示這行數(shù)據(jù)所有信息,此時(shí)編輯修改數(shù)據(jù),點(diǎn)擊“保存”后提示保存成功,數(shù)據(jù)網(wǎng)格刷新為更新后的信息。

        結(jié)語

        通過分析和實(shí)現(xiàn)相關(guān)代碼可知,利用datagrid控件,可以大大減輕web應(yīng)用開發(fā)者的工作量,同時(shí),easyui功能強(qiáng)大,界面美觀,得到了廣泛的應(yīng)用。本文利用easyui datagrid控件,結(jié)合java開發(fā)相關(guān)技術(shù),實(shí)現(xiàn)了基本信息的增刪改查操作,將此分享出來,希望和同行們交流;與此同時(shí),如何發(fā)現(xiàn)、應(yīng)用、改進(jìn)簡(jiǎn)單易用的前端ui組件,將是計(jì)算機(jī)軟件開發(fā)從業(yè)人員持續(xù)關(guān)注的問題。

        參考文獻(xiàn)

        [1]王波.jQuery EasyUI開發(fā)指南[M].北京:人民郵電出版社,2015.

        [2]周菁.jQuery EasyUI網(wǎng)站開發(fā)實(shí)戰(zhàn)[M].北京:人民郵電出版社,2018.

        免费人成黄页网站在线观看国内| 亚洲中文字幕无码一区| 日本不卡一区二区三区久久精品| 色欲av永久无码精品无码蜜桃| 久久精品无码一区二区日韩av| 内射少妇36p九色| 亚洲人成7777影视在线观看| 国产精品亚洲av网站| 精品女厕偷拍视频一区二区 | 国产偷久久久精品专区| 人妻去按摩店被黑人按中出 | 国偷自产av一区二区三区| 少妇高潮无码自拍| 国产精品日韩av一区二区| 鲁丝片一区二区三区免费| 欧美人与物videos另类xxxxx| 中文字幕日本熟妇少妇| 亚洲国产精品区在线观看| 狠狠色综合7777久夜色撩人| 欧美日本亚洲国产一区二区| 极品诱惑一区二区三区| 蜜桃av在线播放视频| 77777_亚洲午夜久久多人| 88国产精品视频一区二区三区| 国产精品女丝袜白丝袜| 日韩一区中文字幕在线| 麻豆国产精品久久人妻| 毛片a级毛片免费观看| 国产成人v爽在线免播放观看| 日本一区二区在线看看| 欧美午夜理伦三级在线观看| 色欲av自慰一区二区三区| 无码人妻丝袜在线视频| 国产91精品在线观看| 国产乱子伦农村xxxx| 精品国产三级在线观看| 久久精品国产亚洲AV高清y w| 精华国产一区二区三区| 四虎国产精品永久在线国在线| 久久精品中文字幕极品| 成人性生交大片免费看激情玛丽莎|