首页 > 其他 > 详细

分类数据的展示+

时间:2020-03-07 20:22:12      阅读:86      评论:0      收藏:0      [点我收藏+]

 分类数据的展示

技术分享图片

 

 

技术分享图片

 

 

 技术分享图片

 

 

public class CategoryDaoImpl implements CategoryDao {

    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());

    @Override
    public List<Category> findAll() {
        String sql = "select * from tab_category ";
        return template.query(sql,new BeanPropertyRowMapper<Category>(Category.class));
    }
}
@WebServlet("/category/*")
public class CategoryServlet extends BaseServlet {

    private CategoryService service = new CategoryServiceImpl();

    /**
     * 查询所有
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
    public void findAll(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.调用service查询所有
        List<Category> cs = service.findAll();
        //2.序列化json返回
       /* ObjectMapper mapper = new ObjectMapper();
        response.setContentType("application/json;charset=utf-8");
        mapper.writeValue(response.getOutputStream(),cs);*/
       writeValue(cs,response);

    }

}
       //查询分类数据
        $.get("category/findAll",{},function (data) {
            //[{cid:1,cname:国内游},{},{}]
            var lis = ‘<li class="nav-active"><a href="index.html">首页</a></li>‘;
            //遍历数组,拼接字符串(<li>)
            for (var i = 0; i < data.length; i++) {
                var li = ‘<li><a href="route_list.html?cid=‘+data[i].cid+‘">‘+data[i].cname+‘</a></li>‘;

                lis += li;
                
            }
            

            //拼接收藏排行榜的li,<li><a href="favoriterank.html">收藏排行榜</a></li>
            
            lis+= ‘<li><a href="favoriterank.html">收藏排行榜</a></li>‘;

            //将lis字符串,设置到ul的html内容中
            $("#category").html(lis);
        });

 

分类数据的展示+

原文:https://www.cnblogs.com/theShyer/p/12436728.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!