1. 程式人生 > >微信小程式 側欄分類三:資料從後臺查詢

微信小程式 側欄分類三:資料從後臺查詢

package servlet;

import java.io.IOException;
import java.io.Writer;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import eneity.DryFruits;
import eneity.Fruits;
import eneity.Vegetables;
import eneity.cateItems;
import eneity.children;
import eneity.seafood;

public class cateItemsServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doPost(req, resp);
}


@SuppressWarnings("null")
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {

resp.setContentType("text/html;charset=utf-8");
/* 設定響應頭允許ajax跨域訪問 */

resp.setHeader("Access-Control-Allow-Origin", "*");
/* 星號表示所有的異域請求都可以接受, */
resp.setHeader("Access-Control-Allow-Methods", "GET,POST");

Writer out = resp.getWriter();

List<cateItems> list = new ArrayList<cateItems>();

children[] Fruits = new children[5];
Fruits[0] = new Fruits(1, "獼猴桃", "../images/mihoutao.png");
Fruits[1] = new Fruits(2, "龍眼", "../images/longyan.png");
Fruits[2] = new Fruits(3, "橘子", "../images/juzi.png");
Fruits[3] = new Fruits(4, "火龍果", "../images/huolongguo.png");
Fruits[4] = new Fruits(5, "草莓", "../images/caomei.png");

children[] DryFruits = new DryFruits[3];
DryFruits[0] = new DryFruits(1, "夏威夷果", "../images/xiaweiyi.png");
DryFruits[1] = new DryFruits(2, "開心果", "../images/kaixin.png");
DryFruits[2] = new DryFruits(3, "碧根果", "../images/bigen.png");

children[] Vegetables = new Vegetables[3];
Vegetables[0] = new Vegetables(1, "花椰菜", "../images/huaye.png");
Vegetables[1] = new Vegetables(2, "生菜", "../images/shengcai.png");
Vegetables[2] = new Vegetables(3, "番茄", "../images/fanqie.png");

seafood[] seafoods = null;

cateItems c1 = new cateItems(1, "水果", Fruits);
cateItems c2 = new cateItems(2, "乾果", DryFruits);
cateItems c3 = new cateItems(3, "蔬菜", Vegetables);
cateItems c4 = new cateItems(4, "海鮮", seafoods);

list.add(c1);
list.add(c2);
list.add(c3);
list.add(c4);

JSONArray jsonArray = JSONArray.fromObject(list);
System.out.println(jsonArray);

out.write(JSONArray.fromObject(list).toString());
out.flush();
}
}

相關推薦

程式 分類資料後臺查詢

package servlet;import java.io.IOException;import java.io.Writer;import java.util.ArrayList;import java.util.List;import javax.servlet.ServletException;imp

程式開發記錄()頂部導航切換實現

微信小程式實現頂部導航切換效果可用swiper來實現,效果如下: 程式碼如下: WXML: <view class="page"> <!--頂部導航欄--> <view class="swiper-tab"> <vi

程式——學習筆記()檢視層(1)

WXS—(WeiXin Script)是小程式特有的一套指令碼語言。wxs有自己的語法,今天就學習一下wxs的語法。 1) wxs程式碼可以編寫在wxml檔案中的<wxs>標籤內,或者是XXX.wxs的檔案內。不管是標籤還是檔案都是一個單獨的模組。 2) 每個模組裡面定義的變數與函式

基於java的程式的實現()登入,註冊,注程式端的實現

1.微信小程式專案結構認識 js檔案用來寫相關的邏輯操作,主要是用來操作資料 json檔案用來寫一些相關的配置 wxss相當於css用來寫頁面樣式 wxml相當於html用來寫頁面的元素的 pages資料夾中可以存放多個資料夾,每個資料夾裡面都是一套是js,json

程式學習筆記()----初識程式程式碼、輪播圖實現

從這一節開始我們就開始接觸小程式前臺程式碼了,其實前臺邏輯還是比較簡單的,學習難度比學習一個前端框架難不了多少,記得以前一開始學前端框架的時候,流程就是:熟悉一下--檢視元件--找到要用的--複製貼上,其實對於大部分人來說,小程式前臺也是一樣。 首先,我們可以先看下小程式的

程式滑選單實現

效果圖: page.wxml程式碼: 主頁程式碼: <view class="home" style="{{translate}}>Home</view> 側滑選單程式碼: <view class="page_tab">Page_tab<

程式學習筆記(

 最新遇到一個問題,資料庫的資料遲遲讀取不出來data.result為null,解決辦法很簡單,最後定位出來是查詢資料庫的雲函式的問題。在這裡記錄一下定位問題的過程和思路 1.呼叫微信小程式雲函式的問題優先定位雲函式的問題,通過“雲開發控制檯”檢視小程式的呼叫日誌發現呼叫報錯 “Reference

程式頁面跳轉種方式

為了不讓使用者在使用小程式時造成困擾,微信小程式規定頁面路徑只能是五層,請儘量避免多層級的互動方式。 頁面跳轉的話就涉及到了多個頁面層級 第一種:wx.navigateTo(OBJECT) 保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateB

程式學習筆記()表單提交、PHP後臺資料互動

【form表單提交】 form.wxml: <form bindsubmit="formSubmit" bindreset="formReset"> <view> 暱稱:<input type="text" name="nic

程式實戰篇-分類頁面製作

哈嘍,大家好,又到週五啦,今天程式碼君要教大家分類頁面的製作,廢話不多說,先上效果圖 這個介面佈局難度不是很大,css基礎好的,很快就實現了,分類介面,左邊是一級目錄,右邊是一級目錄對應的二級目錄,根據這個需求,我們資料設計的結構一定是陣列巢狀陣列,第一個

程式----導航透明漸變二(MUI導航透明漸變)

導航欄透明漸變效果 實現原理 給page-group設定的背景顏色採用rgba; 通過改變rgba其中a的值來實現透明漸變。 WXML <view

程式--標題(改標題)

1、概述。 標題欄預設是WeChat 肯定是要改的了 比如改成: 2、配置 index.json 這個檔案預設是沒有的,可以新建一個。 然後對應的 navigationBarTitleText 就是標題名字了 3、注意 我直接把 app

程式swiper同時顯示張圖片樣式

<view class="pre-box"> <!--預售產品輪播--> <swiper autoplay="{{autoplay}}" interval="3000" class='swiper-pre' next-margin="7

程式學習總結(

上一節的在遍歷的時候控制檯中會報錯 <view wx:for="{{content}}" wx:for-item='item' wx:for-index='index'> {{item.name}} </view> 控

程式之快取——不同頁面傳遞資料

1. 新增快取 單個金鑰允許儲存的最大資料長度為1MB,所有資料儲存上限為10MB。 // 儲存資訊到storage // 非同步儲存 set() { wx.setStorage({ key: 'user', data: 'cck', succe

程式開發— 圖片顯示錯誤VM24966:2

VM24966:2 Failed to load image http://1042065718.debug.open.weixin.qq.com/pages/detail/detail/detail : the server responded with a status of 404

程式關於tabbar點選切換資料不重新整理問題

微信小程式中經常遇到的需求就是我提交了一個表單或者進行了一個操作,需要在我的個人中心頁面中實時顯示出來,但是小程式中的tabbar切換類似於tab切換 並不會進行頁面重新整理請求 所以總是會造成一些資料更新不及時問題 而閱讀小程式文件發現了小程式是給提供瞭解決辦法的 onShow /** * 生命週期

程式開發--模板(template)使用,資料載入,點選互動

  微信小程式檢視層提供了 模板(template),可以在模板中定義程式碼片段,然後在不同的地方呼叫。結果在資料渲染那懵逼了。按照官網上對模板的說明和對資料的載入。 1、定義模板   使用name屬性,作為模板的名字。然後在<template/>內定義程式碼

卜若的程式碼筆記系列-程式系列-第二章程式獲得srpingboot返回的json資料-4002

1.微信端向伺服器傳送上傳請求 wx.chooseImage({ success: function (res) { var tempFilePaths = res.tempFilePaths console.log(tempFi

程式實戰--開發一個簡單的快遞單號查詢

功能如圖: 雖然工作中只負責小程式後臺開發,但是還是小程式開發產生了濃厚的興趣,官方文件也是超級詳細了 這裡就簡單做一個快遞單號的查詢: 新建一個page: 接著就可以寫wxml了.這裡用一個簡單的input和一個滾動檢視: <!--pages/express/express.w