山东大学中间件实验报告.docxVIP

山东大学软件学院 中间件技术课程实验报告 学号： 姓名： 班级：软工 实验题目：中间件 实验学时： 实验日期：2017. 05-2017. 06 实验目的: 轻量级MVC框架。 操作数据库无需写SQL (目前仅支持mysql),自动检查并创建数据库和表， 自动封装数据。 包括模型层model用的字段Json格式，控制层control采用反射机制，自定义 类无需继承. 硬件环境： macos 软件环境: IntelliJ IDEA Java 8 tomcat8 实验步骤与内容: 我主要负责前端工作，编写JSP文件，主要从bootstrap上看一些代码，并别写 岀我们这个实验的界面。 使用了 jQuery框架，为网页提供交互。并添加一些动画。使用少量的代码，简 化了常见的JavaScript常见操作，提供了对基本的javascript的结构 funct ion openllr I (tabid, text, ur I) { window, parent. window. f_addTab(tabid, text, urI); } ~ funct i on add () { window, parent, window. f_addTab (add I con,新增 I con, $ {pageContext, request. contextPath}/admi n/desktop/goIconModify. vea); } funct ion update (id,title) { window, parent. window. f_addTab(updateleon, title, $ {pageContext. request, contextPath}/admin/desktop/goIconMod ify. vea? id 二”+id); } function del (id,title) { if (conf i rm (n 确定要删除 it le+” ?)) { Iocation.href二${pageContext. request, contextPath}/admin/desktop/i conDeIete. vea? i d二+ i d; } } //查询 function search 0 { IoadData ({t it leu :$ (H#t it le). vaI ()}); } 请求数据//请求桌面数据 $ (funct i on () { $.ajax ({ ur I : $ {pageContext, request, contextPath}/index/desktopData. vea, type : pos success : funct i on(data) { if (data!二nulI)I inks 二 data. icons; if (data二二nuI I || I inks二二nuI I || I inks. Iength1){ I inks二[{id:icon_jsb, urI:${pageContext. request. contextPath}/pag e/notepad. jsp, icon:$ {pageContext. request, contextPath}/page/images/i con_j i shiben3. png, title:记事本，showMax: fa I se}]; } createleons (); if (data!=nuI I data.style!=nulI){ $ (body). css (background1, ur I (+ data.style. bgimg+) no-repeat center center); //$ (body). css (background-image, urI (+ data, style. bgimg+)); $(#winl inks I i img). css(width, data, sty Ie. cloumn_width). css(height, data, sty Ie. cI oumn height); }eIse { $ (u#winIi nks Ii img). css (width, 36). css (height, 36); $ (body).css (background-color, HbI ack); on Res i ze (); }, error : function (e) { alertC初始化数据错误!); } })； })； 并从bootstrap ±找一些已经写好的布局，作为参考。加入到网页的界面中。 一、数据库操作的封装 1、 AutoC