- 做APP建一个jsp web文件,。
- 菜单栏的图片用背景图片每栏导入两张,一张是m1,一张是别选择过后显示的m1s。
- 截菜单栏的图片的时候注意以最大的图片为准,截取为正方形。一般为60*60像素。
- 先把框架html里面没有用的网页删除,利用注释先把每个页面写好。
- 引导页的内容写的时候在ul 最后留一个li标签用来展示主页。
- 写完HTML和css后,写后台数据库,纯数据的用servlet来处理。
- 建数据库表,每一个库都创建一个临时用户来管理,临时用户名就是表名,其中%就是允许异地登录。其中设置权限的时候可以用右键全选。
- 在源包下面先建一个java包,在该包下面在建一个servlet文件,其中servlet文件名为那一个部分的数据,例如这是新闻页数据就把名字命名为newslist,防止冲突;url模式设置为/news/list。
servlet有两种方式,一种就是放到配置文件中,一种就是放到文档的注解中。我们选择第二种的时候就不用勾选"将信息添加到部署了"。
- 数据储存方式以键名键值的JSON的形式存放。在servlet文件中定义 String json="{"key":"value"}"; out.print(json);进行输出检查。书写方式如下图:
try (PrintWriter out = response.getWriter()) {
String json = "{"key":"value"}";
try {
Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/apihost", "apihost", "apihost");
String sql = "select * from article_list";
//防止SQL注入,线程
StringBuilder sb = new StringBuilder();
PreparedStatement stmt = conn.prepareStatement(sql);
ResultSet rs = stmt.executeQuery();
while (rs.next()) {
sb.append("{");
sb.append(""id":");
sb.append(rs.getString("id"));
sb.append(","title":"");
sb.append(rs.getString("title"));
sb.append("","shijian":");
sb.append(rs.getString("shijian"));
sb.append("},");
}
out.print("[" + sb.substring(0, sb.length()-1) + "]");
} catch (Exception e) {
out.print(e.getMessage());
}
}
}
- 在servlet包里面写数据库连接操作就可以,运行没有问题就可以写js了。
- 采用闭包的形式,闭包是为了防止名称冲突,独立版块,维护方便。语法为$(function(){});具体写法如下表:
$(function() { $("#homepage").load(function() { RssMaskLayer.show();//正在加载 RssLoadBox.show();//加载框 $.getJSON("http://localhost:8084/api/article/list",function(json) { RssMaskLayer.close();//自己封装的加载图标 RssLoadBox.close();//自己封装的加载框 $("#homepage ul").mapitem(json); $("#homepage ul").find("li").click(function() { $.getJSON("http://localhost:8084/api/article/view?id="+$(this).attr("dataid"),function(json) { $("#articleviewpage").mapjson(json); }); }); }); }).load(); }); |
- 解决跨域的问题,在java的servlet里面头部添加一行response.setHeader("Access-Control-Allow-Origin","*");
如果只允许百度连接就把百度的域名放到后面response.setHeader("Access-Control-Allow-Origin", "www.baidu.com");
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setHeader("Access-Control-Allow-Origin", "*");
response.setContentType("text/html;charset=UTF-8");//json,{"id",1,"title":"标题1","matter":"内容1","shijian":2431231},[{"id",1,"title":"标题1","matter":"内容1","shijian":2431231}]