APP技巧格式

1. 做APP建一个jsp web文件，。
2. 菜单栏的图片用背景图片每栏导入两张，一张是m1，一张是别选择过后显示的m1s。
3. 截菜单栏的图片的时候注意以最大的图片为准，截取为正方形。一般为60*60像素。
4. 先把框架html里面没有用的网页删除，利用注释先把每个页面写好。
5. 引导页的内容写的时候在ul 最后留一个li标签用来展示主页。
6. 写完HTML和css后，写后台数据库，纯数据的用servlet来处理。
7. 建数据库表，每一个库都创建一个临时用户来管理，临时用户名就是表名，其中%就是允许异地登录。其中设置权限的时候可以用右键全选。
8. 在源包下面先建一个java包，在该包下面在建一个servlet文件，其中servlet文件名为那一个部分的数据，例如这是新闻页数据就把名字命名为newslist，防止冲突；url模式设置为/news/list。

   servlet有两种方式，一种就是放到配置文件中，一种就是放到文档的注解中。我们选择第二种的时候就不用勾选"将信息添加到部署了"。

9. 数据储存方式以键名键值的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());

   }

   }

   }

    

10. 在servlet包里面写数据库连接操作就可以，运行没有问题就可以写js了。
11. 采用闭包的形式，闭包是为了防止名称冲突，独立版块，维护方便。语法为$(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();

});

 

1. 解决跨域的问题，在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}]