当前位置: 首页 > news >正文

汉口网站建设制作php网站留言板是怎么做的

汉口网站建设制作,php网站留言板是怎么做的,天津做胎儿鉴定网站,wordpress 锚点的设计首先需要在项目中引入Element-UI的组件库#xff0c;使用以下命令#xff0c;不会引入的请自行百度。 npm i element-ui -S Element官网地址#xff1a;https://element.eleme.cn/#/zh-CN/component/changelog 去Element-UI官网组件库找到合适的分页插件#xff0c;并把他引…首先需要在项目中引入Element-UI的组件库使用以下命令不会引入的请自行百度。 npm i element-ui -S Element官网地址https://element.eleme.cn/#/zh-CN/component/changelog 去Element-UI官网组件库找到合适的分页插件并把他引入到你的Vue项目中比如下面的是我的项目中使用的插件注意div包裹的全部内容以及div需要在template/template标签里面 !--分页插件--div classblockel-paginationsize-changehandleSizeChangecurrent-changehandleCurrentChange:current-pagecurrentPage:page-sizes[5, 10, 15, 20]:page-size5layouttotal, sizes, prev, pager, next, jumper:totaltotalPage/el-pagination/div官网链接https://element.eleme.cn/#/zh-CN/component/pagination 其中分页插件属性官网有介绍可以详细的去看看。 其中最重要的是图片中的两个函数方法的调用 比如在我的项目中代码如下其中val值就是我们需要传给后端的。 //改变每页条数handleSizeChange(val) {let that this ;this.axios.get(http://localhost:8081/eom/selectBoxAndMeter?pageSizeval).then(function(res){that.totalPageres.data.data.total;that.dataList res.data.data.list;}).catch(function(err){console.log(err);});},//改变页数handleCurrentChange(val) {let pageNumval;let that this ;this.axios.get(http://localhost:8081/eom/selectBoxAndMeter?pageNumpageNum).then(function(res){that.totalPageres.data.data.total;that.dataList res.data.data.list;}).catch(function(err){console.log(err);});},方法里面的axios的get请求详细的地址在图片中有展示接下来就是后端代码部分 首先需要引入分页插件PageHelper引入坐标如下 !--分页插件--dependencygroupIdcom.github.pagehelper/groupIdartifactIdpagehelper-spring-boot-starter/artifactIdversion1.4.1/version/dependency引入插件后在SpringBoot项目中无需任何配置需要值得注意的是如果引入PageHelper插件后项目运行报错或者启动报错那大概就是版本冲突问题比如我的版本是1.4.1解决办法可以参考链接开发中遇到的问题合集 我的Controller层代码如下 RequestMapping(value selectBoxAndMeter)public Result selectBoxAndMeter(RequestParam(value pageNum,required false,defaultValue 1)Integer pageNum,RequestParam(value pageSize,required false,defaultValue 5)Integer pageSize){return eomService.selectBoxAndMeter(pageNum,pageSize);}需要注意的是RequestParam接受的pageNum和pageSize名称需要和前端请求的名称相同还有请求路径映射一般要用 RequestMapping(value “”)的形式。 接下来就是最重要的service层代码 PageHelper.startPage(pageNum,pageSize);ListTgInfoDto infoLists eomMapper.selectBoxAndMeter();//分页集合PageInfoTgInfoDto pageInfonew PageInfo(infoLists);if (infoLists.isEmpty()){return Result.fail(400,集合为空);}return Result.success(pageInfo);我们只需要关注PageHelper.startPage(pageNum,pageSize)方法和 PageInfo pageInfonew PageInfo(infoLists)方法虽然我们需要查询和返回的集合是infoLists但是使用分页插件后我们需要把他封装进 PageInfo对象中最终返回的是 PageInfo对象其中 PageInfo源码如下 其中图片上面的数据系统会给我们封装好并且返回给前端并且包括你自己封装好的集合。 接下来我们使用Postman测试一下结果如下 经过测试可以看到插件已经把我们需要的数据已经封装好了。
http://www.tj-hxxt.cn/news/221470.html

相关文章:

  • 忻州市建设厅网站首页好的网站怎么设计师
  • 济南网站建设老威虚拟空间网站回收池有什么作用
  • 网站建设技术参数腾讯云网站建设
  • 网站建设学什么工信部信息备案网站
  • 上虞网站建设哪家好杭州seo教程
  • html模板网站推荐企业标识图片logo
  • 域名备案期间网站做网站 图文教程
  • 珠海网站建设创意产品网站建设设计方案
  • 网站外链如何做阿里云建站百度收录吗
  • 做一个网上商城网站建设费用多少钱报价单模板
  • python 做网站开发互联网网站设计
  • 山东省住房城乡建设厅查询网站沈阳信息工程学校中专
  • 事业单位网站建设注销情况说明编写软件的软件
  • 平台网站开发多少钱wordpress主题阿里百
  • 创建网站大约网站搭建需要多少钱
  • 公司做网站注意事项水友做的yyf网站
  • 平面设计的素材网站即墨专业医院网站制作公司
  • 建网站 做淘宝客中英文网站程序
  • cms网站代理西地那非片的副作用
  • 编写网站 支付宝站长数据
  • 设计网官方网站wordpress 搭建会员
  • 中粮网站是哪个公司做的wordpress邮件验证码
  • 有优惠券网站 怎么做代理中国建筑网建筑通
  • 彩票计划网站怎么做互联网有哪些行业
  • 建设外贸型网站流程七宝网站建设
  • 网站建设技术开发srm系统
  • 保山市建设局网站登录seo挂机赚钱
  • 北京网站制作开发公司软文推广套餐
  • 网页模板下载网站10我是站长网
  • 如何做好一个网站的推广建筑行业征信查询平台官网