html页面记录访问次数

最新推荐文章于 2025-05-22 08:13:52 发布

杨撒撒

最新推荐文章于 2025-05-22 08:13:52 发布

阅读量1.4w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前后端前端随笔

本文链接：https://blog.youkuaiyun.com/yls0115/article/details/91415971

前端随笔同时被 2 个专栏收录

6 篇文章

订阅专栏

前后端

1 篇文章

订阅专栏

本文介绍了一种基于MyBatis的简单访问计数器实现方案，包括DAO接口、mapper.xml配置、service接口及其实现、controller处理以及HTML页面展示。通过SQL语句查询和更新数据库中的访问次数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写了一个简单的访问次数，但是还存在一定的问题，仅能够实现页面效果。如果有大佬愿意指明，请评论告诉小弟，小弟会很开心的。
效果图：
在这里插入图片描述
1.dao接口

	 //根据id查访问量
     Integer selectCounterById(@Param(value = "id") Integer id);
     //修改访问量的次数
     void updateCounter(@Param(value = "id") Integer id, @Param(value = "counter") Integer counter);

2.mapper.xml

<!--根据id查访问量-->
    <select id="selectCounterById" parameterType="com.gl.lab.entity.SecurityManual" resultType="Integer">
        select
            sm.COUNTER
        from SECURITY_MANUAL sm
        where id=#{id}
    </select>
    <!--修改访问量的次数-->
    <update id="updateCounter" parameterType="com.gl.lab.entity.SecurityManual">
        update SECURITY_MANUAL
        set
            COUNTER = #{counter,jdbcType=DECIMAL}
        where ID = #{id,jdbcType=VARCHAR}
    </update>

3.service接口

	//查询访问次数
    Integer queryCounter() throws Exception;

4.serviceImpl

	//查询访问次数
    @Override
    public Integer queryCounter() throws Exception {
        Integer counter = securityManualMapper.selectCounterById(1);
        int i = ++counter;
        securityManualMapper.updateCounter(1, i);
        System.out.println(i);
        return i;
    }

5.controller

    @RequestMapping("queryCount")
    public Integer queryCount() throws Exception{
        Integer counter = securityManualService.queryCounter();
        return counter;
    }

6.html页面

<!DOCTYPE html>
<html>
<head>
	导入自己需要的css、js
</head>
<body>
	 访问次数：<span id="fangwen_count"></span>
	 
    <script src="js/jquery.min.js"></script>
	<script>
		  $(document).ready(function(){
       	  $.get("xx/securityManual/queryCount",function (result) {
            console.log(result);
            var i = result;
            //alert(i)
            $("#fangwen_count").text(i)
        });
    })
	</script>
</body>
</html>

这样就差不多写完了，写的不好，多有担待哇！！！