路线+收藏管理

最新推荐文章于 2024-07-25 11:52:08 发布
最新推荐文章于 2024-07-25 11:52:08 发布
阅读量770 收藏
点赞数
分类专栏： 笔记 文章标签： html java 前端 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48984179/article/details/121735674
版权

目录

 1.1路线列表分页查询

1.2，分页查询service

1.3，分页查询总条目dao

1.4，分页查询数据dao

1.5 查询详情页

1.6 详情页service

1.7 详情页dao

1.8 查图片

1.9查sellerMsg

2.0收藏管理

2.1判断当前用户是否收藏

2.2判断当前用户是否收藏service

2.2判断当前用户是否收藏dao

2.3查收藏数

2.4查收藏数service

2.5查收藏数dao

2.6添加收藏

2.7添加收藏service

2.8添加收藏dao

2.9删除收藏

2.10删除收藏service

2.11删除收藏dao

2.12前端

查看架构图与总览 

 

由于都是很固定的操作，写流程的时候实在是无从下手，代码甚至可以复制进新项目，所以这一篇以代码实现为主 

 1.1路线列表分页查询

   
    /**
     * 分页查询
     * */

    public void pageQuery(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String cidStr = request.getParameter("cid");
        String pageSizeStr = request.getParameter("pageSize");
        String currentPageStr = request.getParameter("currentPage");
        String rname = request.getParameter("rname");

        if (rname != null && rname.length() > 0 && !"null".equals(rname)) {
            rname = new String(rname.getBytes(StandardCharsets.ISO_8859_1), StandardCharsets.UTF_8);
        }

        int cid = 0;
        if (cidStr != null && cidStr.length() > 0 && !"null".equals(cidStr)) {
            cid = Integer.parseInt(cidStr);
        }

        int pageSize = 0;//每页显示条数，如果前端的传参为空，则指定为5条
        if (pageSizeStr != null && pageSizeStr.length() > 0) {
            pageSize = Integer.parseInt(pageSizeStr);
        }else {
            pageSize = 4;
        }

        int currentPage = 0;//当前页码，如果传参为空，则指定为第一页
        if(currentPageStr != null && currentPageStr.length() > 0) {
            currentPage = Integer.parseInt(currentPageStr);
        }else {
            currentPage = 1;
        }

        PageBean<Route> pageBean = routService.pageQuery(cid, pageSize, currentPage,rname);
        System.out.println(rname+"----1");
        writeValue(pageBean,response);



    }

1.2，分页查询service

  /**
     * 分页查询
     * */


    @Override
    public PageBean<Route> pageQuery(int cid, int pageSize, int currentPage, String rname) {
        PageBean<Route> pageBean = new PageBean<Route>();
        //查询出来的总条目数
        int totalCurrent = routeDao.totalCurrent(cid,rname);
        pageBean.setTotalCount(totalCurrent);
        //计算总页数
        int totalPage = totalCurrent % pageSize == 0 ? totalCurrent / pageSize : (totalCurrent / pageSize) + 1 ;
        pageBean.setTotalPage(totalPage);
        //每页显示的条数
        pageBean.setPageSize(pageSize);
        //当前页码
        pageBean.setCurrentPage(currentPage);
        //分页查询的start
        int start = (currentPage * pageSize) - pageSize;
        //查所有数据
        List<Route> routes = routeDao.routeFindAll(cid, start, pageSize,rname);

        pageBean.setList(routes);
        return pageBean;
    }

1.3，分页查询总条目dao

   public int totalCurrent(int cid, String rname) {
        String sql = "select count(*) from tab_route where 1 = 1 ";
        StringBuilder sb = new StringBuilder(sql);
        List params = new ArrayList();
        if (cid != 0) {
            sb.append(" and cid = ? ");
            params.add(cid);
        }
        if (rname != null && rname.length() > 0 && !"null".equals(rname)) {
            sb.append(" and rname like ? ");
            params.add("%"+rname+"%");
        }
        sql = sb.toString();
        Integer integer = template.queryForObject(sql, Integer.class, params.toArray());
        return integer;
    }

1.4，分页查询数据dao

  @Override
    public List<Route> routeFindAll(int cid, int start, int pageSize, String rname) {

        String sql = "select * from tab_route where 1 = 1 ";
        StringBuilder sb = new StringBuilder(sql);
        List params = new ArrayList();
        if (cid != 0) {
            sb.append(" and cid = ? ");
            params.add(cid);
        }
        //对rname做判断 因为在前端rname加了‘’后传递的所以 !null 无法判断  而!"null"可以判断
        if (rname != null && rname.length() > 0 && !"null".equals(rname)) {
            sb.append(" and rname like ? ");
            params.add("%"+rname+"%");
        }
        sb.append(" limit ? , ? ");
        params.add(start);
        params.add(pageSize);
        sql = sb.toString();
        System.out.println(sql+"----3");
        List<Route> route = template.query(sql, new BeanPropertyRowMapper<Route>(Route.class), params.toArray());

        return route;
    }

1.5 查询详情页

 /**
     * 根据id查询一个线路的详细信息
     * */
     public void findOne(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
         String rid = request.getParameter("rid");

         Route route = routService.findOne(rid);

         writeValue(route,response);
    }

1.6 详情页service

@Override
    public Route findOne(String rid) {
        //根据id查询route表中的route对象
        Route route = routeDao.findOne(Integer.parseInt(rid));
        //根据route的id查询图片集合信息
        List<RouteImg> byImg = route_imgDao.findByImg(Integer.parseInt(rid));
        route.setRouteImgList(byImg);
        Seller byId = sellerDao.findById(route.getSid());
        route.setSeller(byId);

        return route;
    }
}

1.7 详情页dao

 @Override
    public Route findOne(int rid) {
        String sql = "select * from tab_route where rid = ? ";

        return template.queryForObject(sql,new BeanPropertyRowMapper<Route>(Route.class),rid);
    }
}

1.8 查图片

/**
 * @ClassName Route_imgDaoImpl
 * @Description
 * @Author Yanghao2
 * @Date 2021/11/26 16:12
 * @Version V1.0
 */

public class Route_imgDaoImpl implements Route_imgDao {
    JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());
    @Override
    public List<RouteImg> findByImg(int rid) {
        String sql = "select * from tab_route_img where rid = ? ";
        List<RouteImg> routeImgs = template.query(sql, new BeanPropertyRowMapper<RouteImg>(RouteImg.class),rid);
        return routeImgs;
    }
}

1.9查sellerMsg

/**
 * @ClassName SellerDaoImpl
 * @Description
 * @Author Yanghao2
 * @Date 2021/11/26 16:21
 * @Version V1.0
 */

public class SellerDaoImpl implements SellerDao {
    JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());
    @Override
    public Seller findById(int sid) {
        String sql = "select * from tab_seller where sid = ? ";
        Seller seller = template.queryForObject(sql, new BeanPropertyRowMapper<Seller>(Seller.class),sid);
        return seller;
    }
}

2.0收藏管理

2.1判断当前用户是否收藏

  
    /**
     * 查当前用户是否收藏
     * */
    public void findByUidAndRid(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String rid = request.getParameter("rid");
        User user = (User) request.getSession().getAttribute("user");
        int uid;
        if (user == null) {
            uid = 0;
        }else{
            uid = user.getUid();
        }
        boolean isFavorite;
        Favorite favorite = favoriteService.isFavorite(uid, Integer.parseInt(rid));
        if (favorite == null) {
            isFavorite = false;
        }else {
            isFavorite = true;
        }
        writeValue(isFavorite, response);
    }

2.2判断当前用户是否收藏service

   @Override
    public Favorite isFavorite(int uid, int rid) {

        return favoriteDao.findByUidAndRid(uid, rid);
    }

2.2判断当前用户是否收藏dao

  public Favorite findByUidAndRid(int uid, int rid) {
        Favorite favorite = null;
        try {
            String sql = "select * from tab_favorite where uid = ? and rid = ? ";
            favorite = template.queryForObject(sql, new BeanPropertyRowMapper<Favorite>(Favorite.class), uid, rid);
            return favorite;

        } catch (DataAccessException e) {
            System.out.println("未查询到数据");

        }
        return favorite;
    }

2.3查收藏数

/**
 * 查总的收藏数
 * */

    public void findCount(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
         String rid = request.getParameter("rid");
        int count = favoriteService.findCount(Integer.parseInt(rid));
        writeValue(count,response);
    }

2.4查收藏数service

 @Override
    public int findCount(int rid) {
        return favoriteDao.findCount(rid);
    }

2.5查收藏数dao

 @Override
    public int findCount(int rid) {
        String sql = "select count(*) from tab_favorite where rid = ? ";
        Integer integer = template.queryForObject(sql, Integer.class, rid);
        return integer;
    }

2.6添加收藏

/**
     * 添加收藏
     * */
    public void addFavorite(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String rid = request.getParameter("rid");
        User user = (User) request.getSession().getAttribute("user");
        int uid;
        if (user == null) {
            return;
        }else {
            uid = user.getUid();
        }
        favoriteService.addFavorite(Integer.parseInt(rid),uid);
    }

2.7添加收藏service

 @Override
    public void addFavorite(int rid, int uid) {
        favoriteDao.addFavorite(rid,uid);
    }

2.8添加收藏dao

 @Override
    public void addFavorite(int rid, int uid) {
        String sql = "insert into tab_favorite values (?,?,?)";
        template.update(sql,rid,new Date(),uid);
    }

2.9删除收藏

  /**
     * 删除收藏
     * */
    public void removeFavorite(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String rid = request.getParameter("rid");
        User user = (User) request.getSession().getAttribute("user");
        int uid;
        if (user == null) {
            return;
        }else {
            uid = user.getUid();
        }
        favoriteService.removeFavorite(Integer.parseInt(rid),uid);

    }

2.10删除收藏service

 @Override
    public void removeFavorite(int rid, int uid) {
        favoriteDao.removeFavorite(rid, uid);
    }

2.11删除收藏dao

 @Override
    public void removeFavorite(int rid, int uid) {
        /*DELETE FROM 表名称 WHERE 列名称 = 值*/
        String sql = "delete from tab_favorite where rid = ? and uid = ? ";
        template.update(sql,rid,uid);
    }

2.12前端

这个超级多，但是大多数都是拼字符串

   <script>
    $(document).ready(function() {

        //自动播放
        // var timer = setInterval("auto_play()", 5000);
        goImag()
    });

    //自动轮播方法
    function auto_play() {
        var cur_index = $('.prosum_left dd').find('a.cur_img').index();
        cur_index = cur_index - 1;
        var num = $('.little_img').length;
        var max_index = 3;
        if ((num - 1) < 3) {
            max_index = num - 1;
        }
        if (cur_index < max_index) {
            var next_index = cur_index + 1;
            var big_pic = $('.little_img:eq(' + next_index + ')').data('bigpic');
            $('.little_img').removeClass('cur_img');
            $('.little_img:eq(' + next_index + ')').addClass('cur_img');
            $('.big_img').attr('src', big_pic);
        } else {
            var big_pic = $('.little_img:eq(0)').data('bigpic');
            $('.little_img').removeClass('cur_img');
            $('.little_img:eq(0)').addClass('cur_img');
            $('.big_img').attr('src', big_pic);
        }
    }
        function goImag() {
            //焦点图效果
            //点击图片切换图片
            $('.little_img').on('mousemove', function() {
                $('.little_img').removeClass('cur_img');
                var big_pic = $(this).data('bigpic');
                $('.big_img').attr('src', big_pic);
                $(this).addClass('cur_img');
            });
            //上下切换
            var picindex = 0;
            var nextindex = 4;
            $('.down_img').on('click',function(){
                var num = $('.little_img').length;
                if((nextindex + 1) <= num){
                    $('.little_img:eq('+picindex+')').hide();
                    $('.little_img:eq('+nextindex+')').show();
                    picindex = picindex + 1;
                    nextindex = nextindex + 1;
                }
            });
            $('.up_img').on('click',function(){
                var num = $('.little_img').length;
                if(picindex > 0){
                    $('.little_img:eq('+(nextindex-1)+')').hide();
                    $('.little_img:eq('+(picindex-1)+')').show();
                    picindex = picindex - 1;
                    nextindex = nextindex - 1;
                }
            });
        }



        $(function () {
            /*
            *  <dd>
                    <a class="up_img up_img_disable"></a>
                    <a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m40920d0669855e745d97f9ad1df966ebb.jpg">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m20920d0669855e745d97f9ad1df966ebb.jpg">
                    </a>
                    <a title="" class="little_img cur_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m49788843d72171643297ccc033d9288ee.jpg">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m29788843d72171643297ccc033d9288ee.jpg">
                    </a>
                    <a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4531a8dbceefa2c44e6d0e35627cd2689.jpg">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2531a8dbceefa2c44e6d0e35627cd2689.jpg">
                    </a>
                    <a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m46d8cb900e9f6c0a762aca19eae40c00c.jpg">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m26d8cb900e9f6c0a762aca19eae40c00c.jpg">
                    </a>
                    <a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m45ea00f6eba562a767b5095bbf8cffe07.jpg" style="display:none;">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m25ea00f6eba562a767b5095bbf8cffe07.jpg">
                    </a>
                    <a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4265ec488cd1bc7ce749bc8c9b34b87bc.jpg" style="display:none;">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2265ec488cd1bc7ce749bc8c9b34b87bc.jpg">
                    </a>
                    <a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4e7e964909d7dd1a9f6e5494d4dc0c847.jpg" style="display:none;">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2e7e964909d7dd1a9f6e5494d4dc0c847.jpg">
                    </a>
                    <a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m467db00e1b76718fab0fe8b96e10f4d35.jpg" style="display:none;">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m267db00e1b76718fab0fe8b96e10f4d35.jpg">
                    </a>
                    <a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m487bbbc6e43eba6aa6a36cc1a182f7a20.jpg" style="display:none;">
                        <img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m287bbbc6e43eba6aa6a36cc1a182f7a20.jpg">
                    </a>
                    <a class="down_img down_img_disable" style="margin-bottom: 0;"></a>
                </dd>
            * */

            var rid = getParameter("rid");

            $.get("routServlet/findOne",{rid:rid},function (route) {

            $("#rname").html(route.rname);
            $("#price").html("￥"+route.price);
            $("#routeIntroduce").html(route.routeIntroduce);
            $("#sname").html(route.seller.sname);
            $("#consphone").html(route.seller.consphone);
            $("#address").html(route.seller.address);
            var ddstr = '<a class="up_img up_img_disable"></a>';


            for (var i = 0; i < route.routeImgList.length; i ++) {
                var astr ;
                var dtstr;
                if (i == 0) {
                    dtstr = '<img alt="" class="big_img" src="'+route.routeImgList[i].bigPic+'">\n'
                }
                if (i >=4 ) {
                    astr = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'" style=\"display:none;\">\n' +
                        '                        <img src="'+route.routeImgList[i].smallPic+'">\n' +
                        '                    </a>'
                }else {
                    astr = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'">\n' +
                        '                        <img src="'+route.routeImgList[i].smallPic+'">\n' +
                        '                    </a>'
                }
                ddstr += astr;
            }
            ddstr += '<a class="down_img down_img_disable" style="margin-bottom: 0;"></a>';

            $("#dt").html(dtstr);
            $("#dd").html(ddstr);
            goImag()
        })
    })
    $(function () {
        var rid = getParameter("rid");

        $.get("routServlet/findByUidAndRid",{rid:rid},function (data) {
            if (data) {
                $("#no_favorite").hide()
                $("#yes_favorite").show()

            }else {
                $("#yes_favorite").hide()
                $("#no_favorite").show()
            }


        })
        $.get("routServlet/findCount",{rid:rid},function (count) {
            $("#span_count").html("已收藏"+count+ "次")
        })
    })
    function addFavorite() {

        var rid = getParameter("rid");
        $.get("routServlet/addFavorite",{rid:rid},function () {
            $.get("routServlet/findByUidAndRid",{rid:rid},function (data) {
                if (data) {
                    $("#no_favorite").hide()
                    $("#yes_favorite").show()

                }else {
                    $("#yes_favorite").hide()
                    $("#no_favorite").show()
                }


            })
            $.get("routServlet/findCount",{rid:rid},function (count) {
                $("#span_count").html("已收藏"+count+ "次")
            })
        })

    }
    function removeFavorite() {
        var rid =getParameter("rid");
        $.get("routServlet/removeFavorite",{rid:rid},function () {
            $.get("routServlet/findByUidAndRid",{rid:rid},function (data) {
                if (data) {
                    $("#no_favorite").hide()
                    $("#yes_favorite").show()

                }else {
                    $("#yes_favorite").hide()
                    $("#no_favorite").show()
                }


            })
            $.get("routServlet/findCount",{rid:rid},function (count) {
                $("#span_count").html("已收藏"+count+ "次")
            })
        })
    }

    </script>

杨白告
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
计算机技术+Java+springboot社团管理系统+适用于毕设
10-25
用户端功能有：登录后台有加入社团管理、活动报名管理、收藏管理及个人信息管理 管理端功能有：用户管理、社长管理、社团信息管理、加入社团管理、社团活动管理、活动报名管理、经费管理、新闻管理、系统管理等 ...
微信小程序ssm的婚庆摄影网站+后台管理系统
10-28
管理员功能有个人中心，用户管理，策划师管理，婚庆策划管理，类型管理，婚纱照管理，定制信息管理，婚庆预约管理，拍摄预约管理，衣服定制管理，系统管理等。 策划师主要负责婚庆相关的策划工作，用户可以注册登录...
19.6、Javaweb_案例旅游路线收藏功能
qq1092881420的博客
01-26 1119
收藏功能案例，根据标记，展示不同的按钮样式。
jdbcTemplate.queryForObject 方法注意
【设计改变世界】github地址：https://github.com/guochunyang2004
12-31 2456
正确方法： String sql = "select ID from Structures(nolock) where id=?"; Integer ret = jdbcTemplate.queryForObject(sql, Integer.class, new Object[]{id}); 错误方法： String sql = "select ID from Structure...
jdbcTemplate.queryForObject使用相关问题
小一佳
01-24 1842
错误：org.springframework.jdbc.IncorrectResultSetColumnCountException 解决： JdbcTemplate调用queryForObject方法一直报org.springframework.jdbc.IncorrectResultSetColumnCountException: Incorrect column count: exp
项目笔记第三天
风一般的男子·小亮仔
05-23 408
项目第3天 一、查看路线详情 要求： 用户在路线列表页面，点击“查看详情”，跳转到详情页面 在详情页面上发Ajax请求，得到并显示路线的详细信息 案例要求：点击route_list.html搜索列表中旅游线路的“查看详情”进入route_detail.html旅游线路详情页面并显示相关数据 分析： 用户在路线列表页面，点击“查看详情”时，要把路线的id，传递...
基于Java+Spring+mybatis+vue+element实现酒店管理系统
热门推荐
java李阳勇的博客
07-27 3万+
酒店管理系统采用B/S结构、java开发语言、以及Mysql数据库等技术。系统主要分为管理员和用户二部分，管理员：首页、个人中心、用户管理、客房类型管理、客房信息管理、客房预订管理、入住登记管理、退房评价管理、系统管理，用户；首页、个人中心、客房预订管理、入住登记管理、点餐管理、退房评价管理、我的收藏管理，前台首页；首页、客房信息、酒店公告、个人中心、后台管理、在线咨询等功能，基本上实现了整个酒店管理系统信息管理的过程。本系统在一般酒店管理系统的基础上增加了最新信息的功能方便用户快速浏览，是一个高效的、动态
2024年Python+大数据学习路线图 内附「路线+视频」_python+大数据框架路线
2401_84159688的博客
04-27 1451
任何学习过程都需要一个科学合理的学习路线，才能够有条不紊的完成我们的学习目标。以往的数据开发，需要一定的Java基础和工作经验，门槛高，入门难。今天特别为大家整理了一个全面的Python+大数据学习路线图，帮大家理清思路，攻破难关！本路线图适合零基础入门数据开发行业的小伙伴，从Python语言入手。Python语言简单易懂，适合零基础入门，在编程语言排名上升最快，能完成数据挖掘、机器学习、实时计算在内的各种大数据集成任务。PS：等不及的同学可以直接翻到文末点击阅读原文查看路线图。
基于SSM实现公交路线管理系统
软件开发实战项目分享
07-22 2139
项目编号：BS-XX-035 运行环境： 开发工具：IDEA / ECLIPSE 数据库：MYSQL5.7 应用服务器：TOMCAT8.5.31 JDK:1.8 后台开发技术：SSM框架 前端开发技术：Bootstrap+jquery+Ajax 项目说明： SSM城市公交管理系统的使用者主要包含两种用户角色，其一前端用户使用角色，其二是系统后台管理账户角色，这两个角色的具体功能如下： 公交系统管理员角色：管理员登录SSM城市公交管理系统后可以进行相应的管理操作，主要包含：公交...
微信小程序ssm的线上教育商城-在线课堂-教育网站+后台管理系统
10-28
教师和学生都可以注册登录，教师登录后可以发布付费课程，管理员审核付费课程，学生查看和购买付费课程，收藏课程等。 系统功能完整，适合作为毕业设计、课程设计、数据库大作业 参考 以及学习商用皆可。
毕设项目：网上人才招聘管理系统(ASP.NET+源代码+论文)
06-20
1.2 本课题研究路线 1 1.3 本课题研究的意义 1 2 网络招聘系统研究概述 2 2.1 网络招聘的发展史 2 2.2 我国网络招聘的发展现状 2 2.3 网络招聘求职的作用和优势 3 2.4 网络招聘存在的问题 3 3 系统需求分析 3 3.1 ...
从大数据学习路线（收藏）.docx
11-12
大数据技术的发展历程和学习路线 大数据，作为现代信息技术领域的重要组成部分，已经成为企业和组织处理海量复杂数据的关键工具。对于想要进入或转型到大数据领域的专业人士来说，了解其学习路线和历史背景至关重要...
通过ajax在页面遍历json对象数组及删除
千夜
12-15 4644
这次使用 js模板引擎: art-template，大大简化苦逼后端程序员的前端工作内容 只需要在项目 js包中放入 template-web.js 即可使用 链接：https://pan.baidu.com/s/11XXjuIN1MxSYbjOYmv3gKg   提取码：sw3i  后台返回的 json数据格式如左图   一. 首先，在页面加入 &lt;script src="as...
基于 HTML+ECharts 实现的大数据可视化平台模板（含源码）
柯晓楠
07-24 3382
大数据的可视化对于企业决策、市场分析和业务洞察至关重要。通过直观的数据展示，团队可以快速理解复杂的数据模式，发现潜在的业务机会。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的大数据可视化平台模板。
iframe 渲染请求到的 html (邮件预览), 避免样式污染 + 打印 iframe 邮件详情 + iframe 预览邮件时固定水平滚动条在视口底部
最新发布
汤一飞
07-25 1090
iframe 预览邮件 + 打印邮件 + 模拟滚动条
初识HTML文件，创建自己的第一个网页！
2301_79959126的博客
07-24 1049
本文旨在初步介绍HTML（超文本标记语言），帮助读者理解HTML中的相关术语及概念，并使读者在完成本文的阅读后可以快速上手编写一个属于自己的简易网页。
基于 HTML+ECharts 实现监控平台数据可视化大屏（含源码）
柯晓楠
07-24 1174
我们实现了一个基于 HTML 和 ECharts 的监控平台数据可视化大屏。这个大屏不仅能够直观地展示监控数据，还能通过交互功能提升用户体验。希望本文能对你在实现类似项目时提供一些帮助和启发。
基于Springboot+vue的旅游管理系统
05-09
Springboot+Vue的旅游管理...2. 旅游路线列表、详情、收藏等页面； 3. 订单列表、详情、支付等页面； 4. 统计报表页面。 此外，还需要使用一些常用技术，如MySQL数据库、MyBatis框架、Redis缓存、Jenkins持续集成等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值