首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue博客实战---博客首页开发

本篇开始就正式博客网站的开发了,本篇文章实现博客首页的开发。...博客网站的架构如下: 1.左上方头像区域,鼠标移入会有下拉菜单进行注册登录退出等操作 2.左下方博客导航栏区域 3.中间博客正文区域 3.右侧精选文章展示以及友情链接展示 我们可以先看下具体的首页效果...然后首页功能下需要添加菜单选项组,首页功能包含:首页,关于以及后台,每个菜单选项组都是一个el-menu-item-group: ?...左右两侧导航栏实现完毕,接下来需要设置中间的博客主界面,实际上中间界面不是固定界面,而是由index.js中routes的components决定具体渲染哪一个vue文件作为博客主界面,在首页我们渲染的是...到这里我们博客首页就实现完毕了,我们可以先看看首页效果: ? 本篇内容到这里结束了,下一篇将实现后台的几大功能模块,文章管理,文章发表,标签管理,可以先贴下效果图,我们下期再见! ?

6.9K20

Django 博客首页视图

比如你访问了我的博客主页 http://zmrenwu.com/,服务器接收到这个请求后就知道用户访问的是首页首页显示的是全部文章列表,于是它从数据库里把文章数据取出来,生成一个写着这些数据的 HTML.../views.py from django.http import HttpResponse def index(request): return HttpResponse("欢迎访问我的博客首页...浏览器接收到这个响应后就会在页面上显示出我们传递的内容 :欢迎访问我的博客首页!...欢迎访问我的博客首页! 使用 Django 模板系统 这基本上就上 Django 的开发流程了,写好处理 HTTP 请求和返回 HTTP 响应的视图函数,然后把视图函数绑定到相应的 URL 上。...', 'welcome': '欢迎访问我的博客首页' }) 这里我们不再是直接把字符串传给 HttpResponse 了

1.2K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    博客首页加载的优化

    博客地址:https://ainyi.com/62 这些日子刚到京东工作,刚在北京安定下来,事情比较多 但在上周看了看我的博客,发现首页的加载速度真的够慢的 虽然之前就发觉,但一直不知道怎么继续优化,好像该优化的都已经优化好...重大 bug 从刚做好这个博客不就第一次就发现了,发起 ajax 请求时,可以看到 content-download 的时间居然比 waiting 的时间还长,而且首页等待时间可以达到好几秒,真心慢,...ajax 请求的时间,几乎都在 content-download 浪费了,一般说来,加载时间应该都在 waiting 上,而不是 download,一直不知道怎么优化 上周查了查 ajax 请求的数据,首页加载每个博客的数据居然携带上博文的...马上回去更改了过来,首页请求的 ajax 是分页博客数据,不应该返回博文这个字段。...ajax 请求都作了优化,该传递、不该传递,心里清楚~ 相关链接 之前写过这方面的博客:—— 页面性能优化 博客地址:https://ainyi.com/62

    60350

    真正的 Django 博客首页视图

    在此之前我们已经编写了 Blog 的首页视图,并且配置了 URL 和模板,让 Django 能够正确地处理 HTTP 请求并返回合适的 HTTP 响应。...不过我们仅仅在首页返回了一句话:欢迎访问我的博客。...这是个 Hello World 级别的视图函数,我们需要编写真正的首页视图函数,当用户访问我们的博客首页时,他将看到我们发表的博客文章列表,就像 演示项目 里展示的这样。...如果你好奇,现在就可以运行开发服务器,看看首页是什么样子。 image.png 如图所示,你会看到首页显示的样式非常混乱,原因是浏览器无法正确加载 CSS 等样式文件。...带你从零开始一步步开发属于自己的博客网站,帮助你以最快的速度掌握 Django 开发的技巧...

    3.5K80

    一、博客首页搭建搭建《iVX低代码仿CSDN个人博客制作》

    制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/ 一、头部导航栏思路参考 首先我们可以查看CSDN的博客首页,从中查看一下布局: 在以上首页中,我们可以得知其顶部为一个整行...,这个行内容左侧为一个logo,logo右侧为一个输入框,这个输入框输入文本后可以搜索对应的内容,在CSDN中搜索框可以搜索出用户名、下载等内容,在我们只做博客时使个人博客,咱们并不做过多的搜索,在功能设计时咱们只需要搜索出对应的博客内容即可...我们查看首页的标题栏,我们可以把整个标题栏内容设置为左侧一个部分以及右侧一个部分: 左侧为logo 和搜索框,右侧为头像框。...因为在 iVX 中这样比较方便控制多余的内容,当然你也可以分开,在此还需要重命名页面1为首页: 接着给这个主要内容行设置高度为撑开,背景颜色透明: 设置撑开的原因是为了方便裁剪属性设置为

    1.5K20

    个人博客网站怎么做好首页链接的SEO优化

    最近忙着给服务器做做数据迁移,忙里偷闲看了昝辉老师的博客感觉这篇文章很好就转发了,在很久之前我没怎么考虑做SEO优化,但是网站的权重是2,最近一年不知道是什么原因造成的,网站权重一直徘徊在权1,这个权2...昝辉老师的回答: 这是一个大部分网站都会碰到而且没有优化好的问题,所以在博客里再详细回答一下。 确实像这位朋友所说,使用“主页”,“Home”之类做锚文字链接回首页,没能充分利用锚文字对SEO的作用。...尤其对一些大型网站来说,几万甚至几十万内部链接和适当的锚文字对首页关键词排名还是有不小作用的,要解决这个矛盾,可以考虑以下几种方法。...解决办法: 1)在网站非主导航部分用关键词做锚文字链接到首页,比如像版权声明中的网站名称。实例就请看网络营销实战密码读者交流网站最下面的版权声明。...留意的话你会发现,很多网站都在不影响顶部主导航的情况下,在其他地方用关键词连回首页

    1K20

    php个人博客系统项目网站

    php开发的个人博客系统,没有用框架环境:mysql5.5+php7.3.5 简单版功能:只有一个用户admin,登录,首页展示该用户的语录,该用户的博文,只能发布一篇,重复发布被替换;相册展示(不分页...),个人中心:编辑语录,编辑唯一博客,上传网络图片(不是本地上传),查看留言 演示视频 https://www.bilibili.com/video/BV1UZ4y1w7k6/?...share_source=copy_web&vd_source=ed0f04fbb713154db5cc611225d92156加强版: 首页,站长信息展示,博客分页展示,博客详情,博客搜索,相册分页展示...,图片预览,登录,注册,退出,给站长留言 个人中心:个人基本信息修改,头像上传(本地上传),上传照片(本地上传),照片分页展示,删除照片,发布博客博客编辑和添加,删除博客,站长查看留言,博客分页展示演示视频

    3.5K30

    PHP】英文博客专栏PHP快速入门个人笔记

    引言本文是对于英文原始博客的一个PHP入门专栏的个人笔记摘录,因为非常入门并且自身有JAVA语言基础,看的比较快并且会忽略很多共同点,建议读者有能力可以看看博客的原文顺带提升英文能力,作者文字表达能力非常强...web平台部署处理HTTP请求\$_SEVER 对象使用cookiesSessionsIOdatabaseJSONemailComposer部署PHP应用原始博客地址https://thevalleyofcode.com...过往历史PHP起源于1994年的个人博客网站,作者是rasmus lerdorf,PHP在1997到2000随着互联网的快速崛起并且爆炸式增长。...PHP 开发一般依赖套件,PHP本身就是起源于个人博客专职于WEB Application领域,所以他需要最为根本的软件比如Apach,Mysql,Redis等等。...部署PHP应用最后作者写了一篇从零开始搭建GIT的文章比较有意思,本部分内容建议结合一些框架项目学习,博客提到的内容比较入门这里就不记录了。

    2.1K30
    领券