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 · 143 阅读 · 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 · 215 阅读 · 0 评论 -
第十二课时better-scroll 实现区域滚动
安装better-scroll npm install --save better-scroll list.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 · 242 阅读 · 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 · 261 阅读 · 0 评论 -
第十课时通讯录列表后端实现
创建表t_phonebook public 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 · 259 阅读 · 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 · 487 阅读 · 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 · 1316 阅读 · 0 评论 -
第七课时logback日志框架介绍及应用
logback简介 logback是java的日志开源组件,是log4j创始人写的,性能比log4j要好,功能比log4j强。 日志输出级别 trace > debug > info > warn > error logback-spring.xml 日志文件超过一定大小拆分、日志文件保留天数、日志文件归档{按日期将以往的日志文件统一整理放置}、当天的放在根目录下。 <!-- 时间滚动输出 level为 DEBUG 日志 --> <appender name原创 2020-05-20 13:11:03 · 233 阅读 · 0 评论