![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
java1234课程aliyu
mofsfely2
这个作者很懒,什么都没留下…
展开
-
第十四课时根据字母表点击实现滚动
原理简介better-scroll 有一个scroll to element 方法字母通过 ref 作为一个元素,然后直接滚动到这个元素点击字母时获取字母,进行滚动点击字母列表时获取字母Alphabet.vue增加字母点击事件<template> <ul class="list"> <li class="item" <!-- 界面增加点击事件handleLetterClick --> @click="handleLette原创 2020-05-26 22:58:25 · 133 阅读 · 0 评论 -
第十三课时通讯录右侧字母表实现
新建字母表组件Alphabet.vue<template> <ul class="list"> <li class="item" <!-- 动态字母 --> v-for="(item,key) of letters">{{item}}</li> </ul></template><script> export default { name: "Alphabet", props原创 2020-05-26 01:21:19 · 202 阅读 · 0 评论 -
第十二课时better-scroll 实现区域滚动
安装better-scrollnpm install --save better-scrolllist.vue 对应修改安装好import 一下,在网页挂载完毕后实例化。<script> import Bscroll from 'better-scroll' import {getServerUrl} from '@/config/sys.js' export default { name: "List", props:{原创 2020-05-25 23:58:55 · 236 阅读 · 0 评论 -
第十一课时通讯录列表前后端调用
phoneBook.vue获取数据除了list,其他的Search等小组件,也是会用到这个列表查询出来的数据。所以我们将这个数据放到 PhoneBook里面去,然后通过标签将查询到的数据传到组件中去。phoneBook.vue :定义数据“phonBooks”->数据赋值->通过标签传值到list组件。<div> <phone-book-header></phone-book-header> <phone-book-search>&l原创 2020-05-25 20:01:33 · 245 阅读 · 0 评论 -
第十课时通讯录列表后端实现
创建表t_phonebookpublic class PhoneBook { private Integer id; // 编号 private String name; // 姓名 private String phoneNumber; // 手机号码 private String teleNumber; // 电话号码 private String workAddress; // 工作单位地址 private String homeAddre原创 2020-05-24 22:39:58 · 249 阅读 · 0 评论 -
第九课时 通讯录列表-前端实现
概述组件化界面,三个区域。“通讯录” +符合 - src/pages/components/Header.vue,相对布局:<template> <div class="header"> 通讯录 </div></template><script> export default { name: "Header" }</script><style lang原创 2020-05-24 22:26:19 · 471 阅读 · 0 评论 -
第八课时jwt token 定时刷新实现
概述基于安全性,由前端定时请求后台刷新token,就类似于游戏令牌。前端定时请求每隔十分钟请求一次。export default { name: "PhoneBook", methods:{ refreshToken(){ let token=window.localStorage.getItem("token") axios.defaults.headers.common['token']=token let url=ge原创 2020-05-20 22:48:21 · 1299 阅读 · 0 评论 -
第七课时logback日志框架介绍及应用
logback简介logback是java的日志开源组件,是log4j创始人写的,性能比log4j要好,功能比log4j强。日志输出级别 trace > debug > info > warn > errorlogback-spring.xml日志文件超过一定大小拆分、日志文件保留天数、日志文件归档{按日期将以往的日志文件统一整理放置}、当天的放在根目录下。<!-- 时间滚动输出 level为 DEBUG 日志 --> <appender name原创 2020-05-20 13:11:03 · 226 阅读 · 0 评论