java_web框架_easyUI_第1页
java_web框架_easyUI_第2页
java_web框架_easyUI_第3页
java_web框架_easyUI_第4页
java_web框架_easyUI_第5页
免费预览已结束，剩余21页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、java_web 框架 _easyUI1、今日总结7、今天主要学习了 easyUI 框架以及在线编译器的使用1、easyUI 的使用方法，在页面中引入必要的 js 和 css 的样式文件2、在线编译器的使用1、选择合适的内容到项目中2、选择使用的服务器3、在 jsp 中进行配置4、修改处理上传图片的代码5、将文本编辑器的内容保存到数据库中去6、为 tomcat 添加 lib将数据库中存储的内容回显到文本编辑器中(1) 将数据库中的内容取出来放到 Model 实体类中，将实体类添加到 JSP 中。(2) 修改 jsp 中相应 textarea 内容2、题目和代码vptle>管理员登录<

2、;/ title <meta charset ="UTF-8" ><meta name="keywords" content ="keyword1,keyword2,keyword 3" ><meta n ame="descri pti on"content ="this is my p age"<meta name="content-type"content -'text/html;charset=UTF-8" >

3、<li nkhref<li nkhref<li nkcss" ><scri pt type ="text/javascri pt" -1.8.0.min.js"></ script ><scri pt type ="text/javascri pt" .easyui.min.js"></ script >rel ="stylesheet" type ="text/css" ="././news/css/t

4、hemes/default/easyui.css" rel ="stylesheet"type ="text/css"="././news/css/themes/ic on. css" rel ="stylesheet"type ="text/css">href ="./css/demo.src ="././news/js/jquerysrc ="././news/js/jquery</ head > <body ><h

5、2>管理员登录v/h2><div class ="demo-info" ><div >请管理员用户遵守制度</ div ></ div > <divstyle =" margin : 10px 0 ;"></ div ><divclass -"easyui-pan el"title ="登录"style="width : 400px"><div style ="padding : 10

6、px 0 10px 60px"><form id -"ff" method ="post" ><table ><tr ><td >用户名：</td >vtd >vinput class ="easyui-validatebox" type ="text" name=" name"data-options="required:true"></ input ></ td &g

7、t;</ tr >vtr >vtd > 密码：</ td >n ame="vtd xinput class ="easyui-validatebox" type ="text" name"data-options="required:true"></ input ></ td ></ tr ></ table ></ form ></ div >vdiv style =" text-align

8、: center ;padding : 5px" >vahref ="javascn pt:void(0)"class ="easyui-li nkbutt on"n click ="submitForm()"> 提交 </ a>vahref ="javascri pt:void(0)"class ="easyui-li nkbutt on"n click ="clearForm()">重置 </ a></ div &

9、gt;</ div >vscri pt >fun ctio nsubmitForm()$('#ff).form('submit');function clearForm()$('#ff).form('clear');L</ scri pt ></body >请管理员用户迺守制度用户M j 谿：fg A This field is required<titie>in dex.html</ jte<meta charset ="UTF-8" ><meta

10、 name="keywords" content ="keyword1,keyword2,keyword3"<meta n ame="descri ptio n"content ="this is my p age"><meta name="c on te nt-ty pe"content ="text/html; charset=UTF-8"<linkrel="stylesheet"type ="text/css&quo

11、t;href ="./css/themes/default/easyui.css"<linkrel="stylesheet"<linkrel="stylesheet"<scri pt in .js" <scri pt min .js" <scri pttype type type ="text/javascri pt" ></ script > type ="text/javascri pt" ></ script

12、> type ="text/javascri pt"="text/css"="text/css"/>href ="./css/wu.css"href ="./css/ic on. css"src ="././news/js/jquery-1.8.0.msrc ="././news/js/jquery.easyui./>/>></ script >src ="././news/js/locale/easyui-la ng-zh

13、_CN.js" </ head ><scri pt type ="text/javascri pt"$( fun cti on() $('.wu-side-tree a').b ind(var title = $( this ).text();"click" , function () var url = $( this ).attr('data-linQjvar iconCls = $( this ).attr('data-icon');var iframe = $( this ).a

14、ttr('iframe')二二 1 ? true : false ; addTab(title, url, ic on Cls, iframe);)；)-/* Name载入树形菜单*/$('#wu-side-tree').tree(url : 'te mp/menu.php',cache : false ,on Click :fun cti on(no de) var url = node.attnbutes'url'if (url =n ullreturn false else | url ="")addTa

15、b( no de.text, url,'',no de-attributesPiframe'););/* Name选项卡初始化*/$('#wu-tabs').tabs( tools : iconCIs : 'ic on-reload',border : han dier :false ,fun ctio n () _ $('#wu-datagrid').datagrid('reload'););/* Name添加菜单选项* P aram title名称* P aram href链接* P aram icon

16、 Cis图标样式* P aram iframe链接跳转方式（true为iframe , false 为href ）*/function addTab(title, href, ic on Cls, iframe) var tab Panel = $('#wu-tabs');if(!tab Pan el.tabs('exists', title) frameborder="0"var content = '<iframe scrolling="auto"src="'+ href + '

17、"style="width:100%;height:100%;">v/iframe>'if (iframe) tabPan el.tabs('add', title : title, content : content, icon Cls : icon Cls,fit :true ,cls :' pd3', closable :true) else tab Pan el.tabs('add', title : title, href : href, icon Cls : icon Cls, fit

18、 :true ,cls : 'pd3', closable :true)； I else tab Pan el.tabs('select', title);/* Name移除菜单选项*/functionvarvarremoveTabO tab Panel = $('#wu-tabs');tab = tab Pan el.tabs('getSelected');if (tab) var in dex 二 tab Pan el.tabs('getTab In dex', tab);tab Pan el.tabs(

19、9;close', i ndex);</ scri pt ><body class -'easyui-layout"><!- beg in of header -> <div class ="wu-header"data-op ti ons-"regio n:'n orth',border:false,s plit:true"<div class ="wu-header-left"<h1 >系统管理界面v/h1></div

20、 ><div class ="wu-header-right"vp><strong class ="easyui-tooltip"title ="2条未读消息">admin </ strong >，欢迎您!</ p><P><ahref ="#" >网站首页 </a>| <ahref ="#" >支持论坛</ a>| <ahref ="#" >帮助中心

21、</ a>| <ahref ="#" >安全退出 </ a></ p></div ></ div ><!- end of header -><!- beg in of sidebar -> <div class ="wu-sidebar"data-op ti ons="regi on:'west',s plit:true,border:true,title:'导航菜单'"><div clas

22、s -"easyui-accordion"data-options="border:false,fit:true" ><div title ="新闻发布"data-op ti ons-"ic on Cls:'ic on-app licati on-cascade'"style -" padding : 5px;" ><ul class -"easyui-tree wu-side-tree">><a<li icon

23、 Cis -"ic on-chart-orga ni sati on"data-ic on ="ic on-chart-orga ni satio nhref -"javascript:void(0)"IIdata-l ink="te mp/layout-2.html"iframe ="0" >菜单导航</ a></ li ><li iconCls -"icon-users"xahref ="javascn pt:void(0)"

24、iframedata-ic on-"ic on-users"data-l ink-"tem p/layout-3.html""0" >用户管理 </ a></ li ><li iconCls ="icon-user-groupIIxahref ="javascri pt:void(0)"data-ic on="ico n-user-gro up"data-li nk-'tem p/layout-3.html"iframe -&quo

25、t;0" >角色管理 </ a></ li ><li iconCls ="icon-book"><ahref -"javascript:void(0)"data-ic on ="ic on-book"data-li nk="tem p/layout-3.html"iframe ="0">数据字典</ a></ li ><li iconCls ="icon-cog"><ah

26、ref -"javascript:void(0)"data-ic on="ic on-cog"data-li nk="tem p/layout-3.html"iframe ="0" >系统参数</ a></ li ><li iconCls ="icon-application-osx-error"><ahref -"javascript:void(0)" ror"data-ic on="ic on-app l

27、icati on-osx-erdata-li nk="tem p/layout-3.html"iframe ="0" >操作日志v/ax/li >v/ul ></ div >vdiv title ="系统设置"data-op ti ons="ic on Cls:'ic on-wren ch'"style =" padding : 5px;" >vul class ="easyui-tree wu-side-tree"vli

28、iconCls ="icon-chart-organisation">vahref ="javascri pt:void(0)"IIdata-ic on ="ic on-chart-orga ni satio ndata-l ink="layout-3.html" iframe ="0" >导航标题</ ax/ li >vli iconCls ="icon-users"xahref ="javascn pt:void(0)"iframedat

29、a-ic on="ic on-users"data-l ink="tem p/layout-3.html" "0" >导航标题</ ax/ li >vli iconCls ="icon-user-group" xahref ="javascri pt:void(0)"data-ic on="ico n-user-gro up" data-li nk ="tem p/layout-3.html"iframe ="0" &

30、gt;导航标题 </ ax/ li >vli iconCls ="icon-book"xahref ="javascri pt:void(0)"data-ic on ="ic on-book"data-l ink="te mp/layout-3.html"iframe ="0">导航标题v/ax/li >vli iconCls ="icon-cog"xahref="javascri pt:void(0)"data-ic on=&qu

31、ot;ic on-cog"data-li nk="te mp/layout-3.html"iframe ="0" >导航标题</ ax/ li >vli iconCls ="icon-application-osx-error"xahref ="javascri pt:void(0)" ror"data-ic on="ic on-app licati on-osx-erdata-op ti ons="regio n:'ce nter'&quo

32、t;class ="easyui-tabs"="border:false,fit:true"iframe ="0" >导>&copy;data-li nk="tem p/layout-3.html"航标题</ a></ li ></ul ></ div ></div ></ div ><!- end of sidebar -><!- beg in of main -><div class =&q

33、uot;wu-main"<div id ="wu-tabs" data-op tio ns <div title ="首页"data-op ti ons="href:'te mp/layout-1.html',closable:false,ico nCls:'icon-tip',cls:'pd3'"></ div ></div ></ div ><!- end of main -><!- beg in of

34、 footer -><div class ="wu-footer"data-op ti ons="regi on:'south',border:true,s plit:true"武汉七人众20171114第一个项目</ div ><!- end of footer -></body >柞者；我5洛2012-01'11趣：时问：内容:倒 町e i K * 土毛：a通站=上上丝望叫H卜厂 I -八 E口 ABC Hi N -：齐 6 也也 IJ 诗I J<meta htt p-eq

35、uiv <meta htt p-equiv <meta htt p-equiv <meta htt p-equiv ><meta htt p-equiv<link rel ="stylesheet"hrefss" /><link rel="stylesheet"hrefs" /><scri ptcharset ="utf-8"srcipt ><scri ptcharset ="utf-8"src<scri ptchar

36、set ="utf-8"src"></ script><scri pt>></ scrvtitle >在线编辑器</ title="pragma" content ="no-cache" >="cache-c on trol"content ="no-cache" >="expi res" content ="0" >="keywords" content

37、 ="keyword1,keyword2,keyword3"="descri pti on"content ="This is my p age">="ki ndeditor/themes/default/default.c ="ki ndeditor/ plugi ns/code/prettify.cs ="ki ndeditor/ki ndeditor-all.js"="kindeditor/lang/zh-CN.js"></ script >=&

38、quot;ki ndeditor/plugi ns/code/prettify.jsKin dEditor.ready( function (K) var editor1 = K.create('textareaname="content1"', css Path : 'k in deditor/ plugin s/code/prettify.css', upl oadJs on : 'upl oads on', fileMa nagerJs on : 'file_ma nager_js on', allowF

39、ileManager :true ,afterCreate :function () var self - this ;K.ctrl(docume nt, 13,fun ctio n() seif.s yn c();docume nt.forms'exa mp le'.submit();)； :fun ctio n() K.ctrl(self.edit.doc, 13,self.s yn c();docume nt.forms'exa mp le'.submit(); wT);p rett yPrin t(); );</ scri pt > <

40、/ head > vbody >vform name="example" action -"AddPressServlet"method ="post" >作者：vinput type -"text" name="author" />< br >标题:vinput type -'text"name="title" />< br>时间:vinput type -"text"name=&q

41、uot;saletime"/>< br >内容:vtextarea name="content1"cols -"100" rows -"8"style -"width : 700px; height : 200px ; visibility : hidden ;" > </ textarea >vinput type ="submit" name="button" value ="提交"/></ f

42、orm ></body >Io.11p iilcL IDS?15:陵ft篇:rr=iiH0trklCS ifNCIL;；IKp ublicvoidp rocess(Htt pServletRequest request,Http ServletRes ponse res pon se)throws ServletException, IOException Prin tWriter out-res pon se.getWriter();/根目录路径，可以指定绝对路径，比如/var/www/attached/string root Path = request.getReaiP

43、athf"/" ) + "attached/"/根目录URL,可以指定绝对路径，比如htt p:/Stri ng rootUrl =request.getC on text Path()+ "/attached/"/图片扩展名Strin g fileT ypes = "png" , "bmp"new Strin g"gif" , "jpg" , "jpeg","flash"Stri ng dirName = requ

44、est.get Parameter( (dirName != null ) if (!Arrays.vString> asList (new String "media" , "file").contains(dirName)out .prin tl n("I nv alid Directory n ame."return ;root Path += dirName + rootUrl += dirName + File saveDirFile =if"/""/"new File(root

45、 Path);if (!saveDirFile.exists() saveDirFile.mkdirsO;"dir");image);/根据path参数，设置各路径和URLStri ng p ath = request.get Parameter( request.getParameter("path"):""Stri ng curre ntP ath = root Path + p ath;String curre ntUrl = rootUrl + p ath;Stri ng curre ntDir Path = p ath;St

46、ri ng move up Dir Path =""if (! "" .equals(path) String str = curre ntDir Path.substri ng(0, curre ntDirPath.le ngth() - 1);move up Dir Path = str.lastI ndexOf( str.substri ng(0, str.lastI ndexOf("/")+ 1):"p ath")!=n ull?"/" ) >= 0 ?Illi ./ 排序形式，n

47、ame or size or typeStri ng order = request.get Parameter(request.get Parameter("order" ).toLowerCase():"order" ) != null ?"name"/不允许使用.移动到上一级目录if(p ath.i ndexOf( "." ) >= 0) ）；out. println( "Access is not allowed." return ;/最后一个字符不是/"/"

48、) )；if(! "" .equals(path) && !path.endsWith( out .println("P arameter is not valid."return ;/目录不存在或不是目录File curre ntP athFile = if）；/遍历目录取的文件信息new File(curre ntP ath); (!curre ntP athFile.isDirectory()out. prin tl n("Directory does not exist."return ;new ArrayLi

49、stvHashtable>();null ) List<Hashtable> fileList =if (currentPathFile.listFiles() !=newfor (File file : currentPathFile.listFiles() HashtablevStri ng, Object> hash = HashtablevStri ng, Object>();Stri ng fileName = file.getName();if (file.isDirectoryO) null );hash .put("is_dir"

50、;,true );hash .put("has_file",(file.listFiles() !=hash .put("filesize",0L);hash .put("is_photo",false );hash .put("filety pe",""); elseif (file.isFile()".")+ 1).toLowerCase();Stri ng fileExt = fileName.substri ng(fileName.lastl ndexOf(hash

51、.put("is_dir",false );hash .put("has_file",false );hash .put("filesize",file.le ngthO);hash .put("is_photo"JArrays.vString> asList (fileTypes).contains(fileExt); hash .p ut( "filety pe", fileExt);hash .put( "file name", fileName);hash.pu

52、t( "datetime", newSim pleDateFormat("yyyy-MM-ddHH:mm:ss" ).format(file.lastModified();fileList.add(hash);if("size" .equals(order) Collections.sort (fileList,new SizeComparatorQ);elseif ( "type" .equals(order) Collections.sort (fileList,new TypeComparatorQ);els

53、e Collections. sort (fileList,new NameCo mp aratorQ);JSONObject result = new JSONObject();result. put("move up dir path" , move up Dir Path);result.put("current dir path", currentDirPath);result. put("curre nt url", curre ntUrl);result .put("total_count", file

54、List.sizeQ);result.put( "file list" , fileList);respon se.setC ontentType("app licati on/json;charset=UTF-8");out. println( result.toJSONStri ng();p ublicvoidp rocess(Htt pServletRequest request,Http ServletRes ponse res pon se)throws ServletException, IOException try request.set

55、CharacterE ncodi ng( "utf-8");respon se.setCharacterE ncodi ng("utf-8");respon se.setC on te ntType("text/html; charset=UTF-8"）；Prin tWriter out = respon se.getWriter();/文件保存目录路径/String uri=request.getRequestURI();Stri ng tag=uri.substri ng(0, uri.lastI ndexOf("/&q

56、uot;); javax.servlet.js p.P ageC on text p ageCo ntext=javax.servlet.js p.Js pF actory. xt( this , request, response,getDefaultFactory().get PageC ontenull , true , 8192, true );String save Path =p ageC on text.getServletC on text().getRea IP ath(/System.out.printin("uri:"+u _System. out .

57、println("SAVEPATH:"+savePath);"/" ) + "attached/"/文件保存目录URLStri ng saveUrl = request.getCo ntext Path() + "/attached/" ;/定义允许上传的文件扩展名HashMa pvStri ng, Stri ng> extMa p =Stri ng>();extMap.put( "image" , "gif,jpg,jpeg,png,bmp"extMa p.p

58、ut( "flash" , "swf,flv");extMap.put( "media",new HashMa pvStri ng.）；"swf,flv,m p3,wav,wma,wmv,mid,avi, mp g,asf,rm,rmvb" extMa p.p ut( "file",）；"doc,docx,xls,xlsx, pp t,htm,html,txt,zi p,rar,g z, bz2"）；/最大文件大小long maxSize = 1000000;if(!Serv

59、letFileU pload.isMult ip artCo ntent(request) out .prin tl n( getError("请选择文件。"）;return ;/检查目录ifFile upl oadDir = new File(save Path); (!u ploadDir.isDirectoryO) out .prin tl n( getError("上传目录不存在。");return ;/检查目录写权限"上传目录没有写权限。");if (!uploadDir.canWrite() out .prin tl n( getError( return ;Stri ng dirName = request.get Parameter( (dirName = null ) dirName = "image""dir");ifII; if(!extMa p.contain sKey(dirName) out .prin tl n( getError(

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论