本篇开始就正式博客网站的开发了,本篇文章实现博客首页的开发。...博客网站的架构如下: 1.左上方头像区域,鼠标移入会有下拉菜单进行注册登录退出等操作 2.左下方博客导航栏区域 3.中间博客正文区域 3.右侧精选文章展示以及友情链接展示 我们可以先看下具体的首页效果...这边有一个小细节需要优化的就是登陆/注册按钮和退出按钮不能同时显示,我们首先需要在data中设置变量flag,然后在mounted的时候监听localStorage中是否有保存用户信息,如果处于登录状态则隐藏登陆.../注册按钮,如果处于未登录状态,则隐藏注册/登陆按钮。...到这里我们博客首页就实现完毕了,我们可以先看看首页效果: ? 本篇内容到这里结束了,下一篇将实现后台的几大功能模块,文章管理,文章发表,标签管理,可以先贴下效果图,我们下期再见! ?
比如你访问了我的博客主页 http://zmrenwu.com/,服务器接收到这个请求后就知道用户访问的是首页,首页显示的是全部文章列表,于是它从数据库里把文章数据取出来,生成一个写着这些数据的 HTML.../views.py from django.http import HttpResponse def index(request): return HttpResponse("欢迎访问我的博客首页...浏览器接收到这个响应后就会在页面上显示出我们传递的内容 :欢迎访问我的博客首页!...欢迎访问我的博客首页! 使用 Django 模板系统 这基本上就上 Django 的开发流程了,写好处理 HTTP 请求和返回 HTTP 响应的视图函数,然后把视图函数绑定到相应的 URL 上。...', 'welcome': '欢迎访问我的博客首页' }) 这里我们不再是直接把字符串传给 HttpResponse 了
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
博客地址:https://ainyi.com/62 这些日子刚到京东工作,刚在北京安定下来,事情比较多 但在上周看了看我的博客,发现首页的加载速度真的够慢的 虽然之前就发觉,但一直不知道怎么继续优化,好像该优化的都已经优化好...重大 bug 从刚做好这个博客不就第一次就发现了,发起 ajax 请求时,可以看到 content-download 的时间居然比 waiting 的时间还长,而且首页等待时间可以达到好几秒,真心慢,...ajax 请求的时间,几乎都在 content-download 浪费了,一般说来,加载时间应该都在 waiting 上,而不是 download,一直不知道怎么优化 上周查了查 ajax 请求的数据,首页加载每个博客的数据居然携带上博文的...马上回去更改了过来,首页请求的 ajax 是分页博客数据,不应该返回博文这个字段。...ajax 请求都作了优化,该传递、不该传递,心里清楚~ 相关链接 之前写过这方面的博客:—— 页面性能优化 博客地址:https://ainyi.com/62
框架篇-Django博客应用-创建项目 ?...①如果你是在虚拟环境中创建博客项目 $ django-admin startproject blog ②新建一个 app $ python manage.py startapp index ③注册 app...博客首页元素 基本上博客(博客首页)上有以下几种元素(从上至下,从左至右): 1.菜单导航栏 2.博客主视区,常见的会分为两栏或三栏 3.博客底部,常见的是站点地图链接、备案号......公共元素 上面讲博客元素分成了三类,但很明显导航栏和底部栏可认为是不变的。 对于公共元素,在设计代码时,可以将其提取出来,在其它模板包含它即可。
[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();
借鉴了彩虹,云青大佬的代码研究了一下做出来了自己的QQ扫码登陆并接入到网站话不多说 ?...u1=https%3A%2F%2Fid.qq.com%2Findex.html&ptqrtoken='.$this->getqrtoken($qrsig).'...// $qq是qq号,下面写你接下来需要处理的语句 var_dump($ret); echo $qq; } } //获取官方接口...=="登陆成功"){ var index = layer.load(0, {shade: false});...layer.alert("登陆成功!!")
qq登入时报Unknown column 'conuintoken' in 'field list'这个错误,具体信息如下 翻译下错误信息就知道是未知的字段名!
在此之前我们已经编写了 Blog 的首页视图,并且配置了 URL 和模板,让 Django 能够正确地处理 HTTP 请求并返回合适的 HTTP 响应。...不过我们仅仅在首页返回了一句话:欢迎访问我的博客。...这是个 Hello World 级别的视图函数,我们需要编写真正的首页视图函数,当用户访问我们的博客首页时,他将看到我们发表的博客文章列表,就像 演示项目 里展示的这样。...如果你好奇,现在就可以运行开发服务器,看看首页是什么样子。 image.png 如图所示,你会看到首页显示的样式非常混乱,原因是浏览器无法正确加载 CSS 等样式文件。...带你从零开始一步步开发属于自己的博客网站,帮助你以最快的速度掌握 Django 开发的技巧...
在我的博客首页添加了告示板模块,有两种模式,一种是自定义语句,一种是一言API 说明 本文是以我现在使用的Ayer主题为例 步骤 第一步 找到对应的首页文章页的代码文章 例如,ayer主题的位于hexo
申请地址 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()); } }
先来完成上一篇的首页导航栏: 1.模板基类 base_front.html 2.导入 bootstrap 核心文件,使用的是 CDN 加速服务。 3....4.更新博客首页,{% extends 'base/base_front.html' %} 中 extends 为 django 模板中的语法。简要的说就是扩展/继承父模板。 5....浏览器访问博客首页,查看效果 Models 模型与数据库息息相关,一个模型对应一个数据库表。
webdriver.Chrome() browser.set_window_position(20, 40) browser.set_window_size(1100,700) browser.get('http://qzone.qq.com
模板方法 python也是一种面向对象的语言,所以在实现群发的时候,会登陆不同的网站,但是登陆的方法什么的不尽相同,所以这里想到的是模板方法。...baidu登陆流程 想实现登陆baidu,使用firefox查看,可以看到如下图: ?...baidu HI登陆 baidu HI登陆源代码 # _*_ coding:utf-8 _*_ # name login_baidu.py import urllib,urllib2,httplib,cookielib...密码' url='http://hi.baidu.com/ewayfly' h=auto_login_hi(url,name,password) print h.read() 登陆博客园...登录博客园的代码: # _*_ coding:utf-8 _*_ import urllib,urllib2,httplib,cookielib def auto_login_cnblogs(url,
今天初步的完成了首页加载速度的优化和博客列表缓存。前者是为了让游客访问首页更舒服而不用等加载半天,后者是为了减少服务器和浏览器的请求响应次数来减轻彼此的负担。...博客列表请求缓存 没错,之前博客页每次到一个分页都会发一次请求,获取当前页的博客列表,当然这样的及时性很高,但是,一个不可忽视的点就是博客的更新频率没有那么高,所以实时性需求也没有那么大。...('changeBlogTotalSize', res.data.data) }).catch(err => err) } } } }) 通过这些捣鼓,首页不带
制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/ 一、菜单思路参考及制作 在 CSDN 首页中的菜单部分为一串横排的内容,并且可以进行拖动: 首先咱们添加一个行
制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/ 一、首页内容分析 此时我们分析一下首页内容: 通过以上内容可以得知,这些内容都统一包含在一个块之内,这个块之内包含了多个内容...二、首页内容制作 分析完毕后此时我们创建一个行,命名为内容,用于包裹所有内容块: 接着设置这个内容块的高度为包裹,高度将随着当前内部内容的增加而增加: 你可能会疑问,为啥不设置内边距
说明:Typecho 博客默认没有自动摘要的功能,博客首页和分类归档页面显示的文章都是全文输出的,对于内容文字很多的文章,会把页面拉伸得很长,显示得也不怎么美观。但博主可以在发表文章的时候手动摘要。
Android 仿QQ首页ListView左滑置顶、删除等实现源码,具体内容如下 效果图 ?...MessageItem item = new MessageItem(); if (i % 3 == 0) { item.iconRes = R.drawable.delete_default_qq_avatar...View v) { switch (v.getId()) { case R.id.holder: break; default: break; } } } 源码下载地址:Android仿QQ
问题描述 今天莫名其妙的主题首页文章列表一直显示加载中,加载不出来。 解决办法 想了很多办法没有解决,查看更新日志。有一条,关闭typecho的debug模式。
领取专属 10元无门槛券
手把手带您无忧上云