粉红色宽屏大气扁平化产品展示html5模板_粉红色 宽屏 大气 扁平化 产品 案例 bootstrap 单页 跳转 大图 手机 科技 设计 官网 软件.rar
2022-12-21 14:22:22
2.54MB
简单留言板 Simple Guest Book
==
开发环境:Win7 32bit + Eclipse for Javaweb Indigo 3.72 + tomcat6 + sqlite3
采用MVC模式开发
实现分发器DispatchServlet来对拦截所有*.xx(web.xml中配置)的请求,然后分发给不同的控制器执行后对不同结果进行渲染。
分发器实现流程
在初始化时需要将URL映射到具体控制器的方法上
拦截所有一定规则的请求 如: *.do 这个在wel.xml配置
在URL映射中查找拦截的URL请求,根据URL请求找到具体的控制器和其方法
实例化该控制，然后执行该方法
对返回结果进行处理然后渲染
怎么实现呢？
要映射URL到控制器需要一个Controller类来记录类名和方法,还要一个Map集合存储映射 URL -> Controller
在分发器初始化时通过反射读取控制器和其方法上指定URL添加到Map集合中.这需要一个注解@Mapping来指定URL
依次查看一下Controller -> Map mapping -> @Mappting
实现参照 void inti() void requestMapping() 两个方法
参数的注入实现
提供一个注解@Parameter来标注控制器中那些需要注入的字段
取得浏览器传入的参数通过反射注入到控制中
实现参照 void injectPrarameter() void doInject() 两个方法
...
控制器是一个普通的JavaBean.
@Mapping("/user")
public class UserController {
@Parameter
private User user;
private JsonModel json = new JsonModel();
private UserService userService = new UserService();
@Mapping("/register")
public String register() {
if (Utils.isEmpty(user.getUsername())
|| Utils.isEmpty(user.getPassword())) {
json.setMsg("请将项目填写完整!");
return Json.toJson(json);
}
try {
boolean exist = userService.isExist(user.getUsername());
if (exist) {
json.setMsg("用户名已经存在!");
return Json.toJson(json);
}
user.setPassword(Utils.md5(user.getPassword()));
boolean f = userService.register(user);
json.setSuccess(f);
json.setMsg(f ? "注册成功" : "注册失败");
} catch (ServiceException e) {
System.out.println(e.getMessage());
json.setSuccess(false);
json.setMsg(e.getMessage());
}
return Json.toJson(json);
}
... 其他 ....
}
以上代码 将"/user/register" 绑定到了用户控制器的注册方法上。
访问http://localhost:8080/guest/user/register.do时将执行 String register()方法
==
@Parameter
private User user;
==
将会自动把浏览器提交的数据注入到user实体中,比如userid,username等...
事务的实现,参照Nutz的事务简化实现.
...
public boolean delete(final int mid) throws ServiceException {
final String sql = SqlMapping.get("sql.msg.delete");
final int[] re = new int[1];
try {
// Sqlite只支持TRANSACTION_SERIALIZABLE事务级别
int level = java.sql.Connection.TRANSACTION_READ_COMMITTED;
String dbType = Guest.get("DB.TYPE", "0");
if ("0".equals(dbType)) {
level = java.sql.Connection.TRANSACTION_SERIALIZABLE;
}
// 匿名类中使用的变量必须是final类型的
Trans.exec(level, new Runnable() {
@Override
public void run() {
try {
re[0] = gdao.update(sql, mid);
// 删除该留言的评论
gdao.update(SqlMapping.get("sql.comment.delmsg"), mid);
} catch (SQLException e) {
throw new TransException(e);
}
}
});
} catch (TransException e) {
throw new ServiceException(e.getMessage());
}
return re[0] > 0;
}
...
前端对JS的封装。。
// 退出
function logout() {
$.get($.bp() + '/user/logout.do', function(data) {
$('msg-content').html("退出成功!");
$('msg').fadeIn();
if (data && data.success) {
setTimeout(function() {
location.href = $.bp();
}, 2000);
}
setTimeout(function() {
$('msg').fadeOut();
}, 1500);
}, 'json');
}
仿jQuery选择器 取值设值val,html函数,show,hidden显示隐藏函数,fadeIn,fadeOut淡出函数,ajax简单封装,表单序列化...
==
如何使用sqlite?
如何实现事务处理?
如何实现URL映射?
如何实现参数注入?
如何实现对象转json字符串?
如何实现$选择器和Ajax封装?
源码注释挺详细的,主要是给新同学看的，大牛请无视.
感兴趣的话更多内容请下载后请行查看....
2022-12-21 11:54:09
3.8MB
1
具体代码如下所示：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<link href="<%=path%>/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap
2022-12-20 21:20:30
66KB
1
什么是 Bootstrap？
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
bootstrap 导航条摸索了好久，要不就是左边和右边不会水平对齐，要不就是颜色不一样，菜鸟最后终于搞定，直接把代码放这里，以后直接用
代码如下所示：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="v
2022-12-20 21:12:23
38KB
1
app开发者企业官网响应式模板_app 棕色 开发者 企业 响应式 bootstrap 手机 单页 棕色 科技 展示.rar
2022-12-20 16:21:26
1.89MB
App应用开发互联网公司bootstrap模板_黑色 应用 app 科技 bootstrap 产品 展示 案例 手机 响应式 互联网 公司 单页 跳转.rar
2022-12-20 16:21:25
1.24MB
CleanFLat简洁扁平化css3动画IT科技模板_简洁 大图 bootstrap 手机 css3动画 响应式 扁平化 动画 IT科技 电脑 精品 技术 app应用 前端 前端开发 宽屏 企业 互联网 产品.rar
2022-12-20 16:21:23
5.26MB
css3动画商务宽屏科技Bootstrap整站模板_动画 蓝色 大图 商务 商业 展示 宽屏 整站 官网 设计 漂亮 精品 科技 it 互联网 手机 响应式 responsive css3 html5 bootstrap.rar
2022-12-20 16:21:22
11.92MB
Design UI设计师项目展示官网模板_design ui 平面设计 前端 设计 设计师 项目 展示 单页 手机 bootstrap 响应式 html5服务 代码 it 科技 电脑.rar
2022-12-20 16:21:22
987KB