学习记录分享

登录 注册
首页 友链 关于 技术交流
SOB | 搜索
综合排序时间浏览量
全部分类Android/iOS测试/运维后台/大数据日常随笔前端/Flutter人工智能编程语言
找到约 4 条结果
阳光沙滩博客系统TodoList(待完成列表/bugs)
阳光沙滩博客系统TodoList(待完成列表/bugs) 轮播图点击,没有做链接跳转 图片上传,没有去重-->可以通过计算md5值来防止文件重复上传 所有前端请求可以提交页数的,后面需要做页数限制 管理中心的友情链接更新完以后,id没有清空 管理中心需要添加一个跳转到前端门户 文章样式调整 用户接口需要进行分类调整-->设计有问题 文章页面请求一下页面访问统计/或者在default.vue里请求一下页面访问统计 扩展 图片存储使用云对象存储 springDataJap换成MP 评论通过邮件通知 学习中遇到问题 学习中遇到问题,同学们去交流网站发帖子: https://www.sunofbeach.net/wenda 如果你有什么想法,建议,可以评论! 此文章下面评论,需要重新注册账号,与阳光沙滩账号不互通。
2020-09-06 16:31 5019 博客系统 todolis bugs 任务 扩展
阳光沙滩博客系统的部署
阳光沙滩博客系统的部署 基础环境 我们要有docker的环境,在docker上创建mysql的镜像,redis的镜像,接着构建我们的程序镜像 docker docker的安装,这个同学们可以参考官方的文档 参考文章 ubuntu 完全干净的卸载docker docker-compose安装 Docker安装后修改镜像源 ubuntu上安装docker mysql数据库 Dodcker创建Mysql容器 创建完镜像以后,远程登录一下mysql数据库 一是为了检查是否可以连接成功 二是为了执行sql脚本,创建数据库 脚本同学们请到资料里下载: 资料下载 redis docker搭建redis以及项目配置 Nginx 使用docker创建Nginx服务器容器 部署内容 后台程序 管理中心程序 门户程序 部署后台程序 *要确保已经安装了Java环境 这里面同学借给我们的服务器是2g的内存,所以我们只能省着着了。因此,我们的后台程序,不部署到docker里了,如果要部署到docker上,镜像的创建,请参考后台的课程内容,里面有教如何构建镜像的。 JavaWeb实现个人博客系统-后端 这里面我们
2020-09-06 16:18 3346 部署 测试 运维 上线 博客系统
阳光沙滩博客系统API接口
阳光沙滩博客系统API接口 分两部分:用户的API接口、门户的API接口 在线预览网址: 博客系统 baseUrl http://api.coincent.cn 统一返回结果bean类 ResponseResult{ code integer($int32) data {...} message string success boolean } 用户API接口 用户bean类 SobUser{ avatar string createTime string($date-time) email string id string loginIp string password string regIp string roles string sign string state string updateTime string($date-time) userName string } 用户登录 接口: /user/account/login/{captcha}/ 方法:POST 参数 captcha string(path,必须) 验证码,图灵验证码,请看后面的接口
2020-09-08 15:10 5386 API 接口 博客系统 开发 前后端分离
前端侧栏Tab和内容滚动联动切换标题
前端侧栏Tab和内容滚动联动切换标题 我们阳光沙滩博客系统课程里有一个关于页面 我们做成这个样子 点击侧栏可以切换右边内容;滚动右侧内容,可以切换左边的内容。 基本UI实现 左侧使用 ElementUI的组件Tabs https://element.eleme.cn/#/zh-CN/component/tabs 同学们可以去这里使用,至于怎么依赖ElementUI,可以参考官方说明,或者学习我们的前端课程。
右侧布局

关于阳光沙滩

阳光沙滩创立于2014年11月22日,那是一个阳光明媚的下午。韩寒的电影《后会无期》里面有一句台词:sun of beach (阳光沙滩),于是阳光沙滩创立。阳光沙滩是一个学习编程的社区网站。 你可以在这里学习,写博客,写笔记,分享经验,提问题,分享链接。你可以遇到志同道合的人,收获知识、经验与同性朋友。

我们的使命

让学习编程变得更加简单。

我们的愿景

让每一个热爱编程的年轻人成为优秀的程序员。

旗下网站

  • 阳光沙滩主站
  • 阳光沙滩商城
  • 阳光沙滩网店

联系我们

广告投放 ad@sunofbeach.net(仅作演示)
商务合作 bd@sunofbeach.net(仅作演示)
内容投诉 rp@sunofbeach.net(仅作演示)

左边固定,右边加个margin值。 事件处理 事件主要包括两部分:滚动、点击左侧 滚动 滚动的话,我们需要处理侧栏悬浮 添加滚动监听: mounted() { ...... window.addEventListener("scroll", this.onWindowScroll); this.onWindowScroll(); }, 记得删除监听哦 beforeDestroy() { window.removeEventListener('scroll', this.onWindowScroll); }, 这里面就是滑动的代码了 onWindowScroll() { let dy = document.documentElement.scrollTop; let dx = document.documentElement.scrollLeft; let leftBox = document.getElementById('about-left-part'); let parentBox = document.getElementById('about-box'); if (leftBox && parentBox) { let parentBoxTop = parentBox.offsetTop; // console.log(parentBoxTop); if (dy > parentBoxTop) { leftBox.style.top = '0px'; } else { leftBox.style.top = (parentBoxTop - dy) + 'px'; } //处理横向滑动 if (dx > 0) { leftBox.style.left = -dx + "px"; } else { leftBox.style.left = parentBox.offsetLeft + "px"; } } if (!this.isClickLeftSwitch) { //处理标签的滚动范围 for (let i = 0; i < this.contentHeaders.length - 1; i++) { let first = this.contentHeaders[i]; let second = this.contentHeaders[i + 1]; if (dy >= first.offTop && dy < second.offTop) { this.target = first.id; //console.log(this.target); break; } } } else { this.isClickLeftSwitch = false; } 点击事件处理 onLeftItemClick() { this.isClickLeftSwitch = true; this.$router.push({ path: '/about#' + this.target }); // console.log(this.target); } 具体的话请去视频教程吧
2020-09-06 16:20 3188 博客系统 前端开发 毕业设计 测试 门户
<<上一页
下一页 >>
热门标签
赞助商广告

    Copyright © 阳光沙滩 (2014-2020) 本网站由程序猿(媛)用爱驱动

    关于我们 联系我们 友情链接 粤ICP备14093694号
    回到
    顶部