APP技巧格式

來源:互聯網
上載者:User

標籤:order   cli   www   url   nbsp   ack   維護   文檔   正方形   

  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}]

APP技巧格式

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.