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

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

本篇开始就正式博客网站的开发了,本篇文章实现博客首页的开发。...博客网站的架构如下: 1.左上方头像区域,鼠标移入会有下拉菜单进行注册登录退出等操作 2.左下方博客导航栏区域 3.中间博客正文区域 3.右侧精选文章展示以及友情链接展示 我们可以先看下具体的首页效果...这边有一个小细节需要优化的就是登陆/注册按钮和退出按钮不能同时显示,我们首先需要在data中设置变量flag,然后在mounted的时候监听localStorage中是否有保存用户信息,如果处于登录状态则隐藏登陆.../注册按钮,如果处于未登录状态,则隐藏注册/登陆按钮。...到这里我们博客首页就实现完毕了,我们可以先看看首页效果: ? 本篇内容到这里结束了,下一篇将实现后台的几大功能模块,文章管理,文章发表,标签管理,可以先贴下效果图,我们下期再见! ?

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
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Java 实现 QQ 登陆

    QQ登陆 3.1. 实名认证 QQ登录我们对接的是QQ互联,地址:https://connect.qq.com ,首先需要注册成为开发者并实名认证,需要手持身份证照片,具体就不讲了。 3.2...._2=QQ的100*100头像,figureurl_2=QQ 100&100空间头像,QQ头像不一定有,空间头像一定有 String avatar = (String)resp.get("figureurl_qq...; 需要做好对各种错误的兼容; 接口会同时返回QQ头像和空间头像,QQ头像不一定有,空间头像一定有; 回调地址必须和申请的域名一致,否则会报错。...相关文档官网已经写得比较细了,但是比较乱:http://wiki.connect.qq.com/ 对接微博登陆 4.1....互联:connect.qq.com/ QQ授权管理页面:connect.qq.com/manage.html#/appauth/user 作者:我是小茗同学 链接:www.cnblogs.com/liuxianan.html

    3.1K31

    博客首页加载的优化

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

    60350

    QQ互联登陆(Java) - niceyoo

    [m3ji4rj2z6.png] 二、实现思路 相信大家都用过QQ登陆第三方网站,但是在开发之前我们需要先了解一下QQ互联的开发流程: 生成QQ授权链接 获取授权码,使用授权码获取用户的openid 使用...使用openid查询数据库user信息表中是否有关联 -- 如果使用openid能够查询用户信息,说明用户已经绑定成功,自动实现登陆;’ -- 如果使用openid没有查询到用户信息的话,说明用户没有绑定账信息.../graph.qq.com/t/get_repost_list version = 2.0.0.0 2、生成QQ联合登陆授权链接 https://graph.qq.com/oauth2.0/authorize...private static final String MB_QQ_QQLOGIN = "member/qqlogin"; /** * 重定向到首页 */ private static final..., openId); return MB_QQ_QQLOGIN; } /* 自动实现登陆 */ JSONObject data = findByOpenId.getData();

    4.4K00

    真正的 Django 博客首页视图

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

    3.5K80

    第三方登陆——QQ登陆详解

    申请地址 QQ互联:https://connect.qq.com/index.html 腾讯开放平台:https://open.tencent.com/ 注册账号 登陆 进入QQ互联,点击登陆 资料填写...根据情况,填写选择公司接入或者个人接入,并填写好信息,并上传手持身份证照片 邮箱验证 点击链接验证,注册成功 注册应用 进入管理中心,等待审核完成后,就可以创建应用 这里有一个方法,加快审核的方法,首页最下面联系在线客服可以直接给你审核...登陆 https://packagist.org/packages/kuange/qqconnect 安装方法 composer安装: composer require kuange/qqconnect...添加公共配置: // QQ 互联配置 'qqconnect' => [ 'appid' => '', 'appkey' => '', 'callback' => '',...function qqAction() { $qc = new QC(); return redirect($qc->qq_login()); } }

    45510
    领券