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

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

本篇开始就正式博客网站的开发了,本篇文章实现博客首页的开发。...博客网站的架构如下: 1.左上方头像区域,鼠标移入会有下拉菜单进行注册登录退出等操作 2.左下方博客导航栏区域 3.中间博客正文区域 3.右侧精选文章展示以及友情链接展示 我们可以先看下具体的首页效果...左右两侧导航栏实现完毕,接下来需要设置中间的博客主界面,实际上中间界面不是固定界面,而是由index.js中routes的components决定具体渲染哪一个vue文件作为博客主界面,在首页我们渲染的是...article,也就是博客文章列表界面: ?...我们在src/components下创建article.vue文件,data中添加参数articleList用于接收后端返回博客文章列表,在mounted阶段通过axios发起post请求访问后端接口查询博客文章列表并且将结果绑定到

6.7K20
您找到你想要的搜索结果了吗?
是的
没有找到

vue博客实战---博客后台开发

上一篇介绍了博客首页的开发,本篇文章主要讲讲登陆注册和博客后台功能的开发。本篇文章的重点:注册/登陆,后台文章列表,文章修改/删除,文章发表。...博客文章发表界面使用到了maven-editor插件,用户注册登录生成token凭证则使用了jsonwebtoken这个包。将顺便介绍这两个技术点的基本使用。我们先看看今天要实现的效果图: ? ?...然后路由跳转到博客后台文章列表界面,我们看下返回的用户信息示例: ? 跳转到后台首页之后,需要渲染文章列表。...文章发表成功会路由跳转回博客后台文章列表,后台博客增删改查的功能就全部实现了,本篇内容到这里也结束了,下一篇将实现文章详情界面与文章底部评论区,下一篇再见! ?

1.5K30

009:博客类爬虫项目实战

项目分析: 在今天的项目中,我们建立的爬虫需要实现的功能有: 1、爬取博客中任意一个用户的所有博文信息。 2、将博文的文章名、文章URL、文章点击数、文章评论数等信息提取出来。...可以发现,该爬虫项目额主要目的是将博客中用户所有博文的相关信息提取出来并储存到数据库中。 该项目的难点有: 1、如何提取文章点击数,文章评论数等信息。...实战编写: 接下来为大家逐步分析并实现本爬虫项目的编写。 首先,我们需要设计好本项目中需要用到的Mysql数据库,用来储存文章名,文章Url,文章点击数评论数等信息。...接下来,我们需要编写该爬虫实现网页的爬取: 首先我们分析一下如何编写该爬虫: 我们打开某博客中任意一个用户的博文列表页。... 比如,我们首先找一个博客网址如下: http://shihanbingblog.blog.hexun.com

35010

CentOS 7.5上安装Node.js搭建Ghost个人博客

Ghost简介 Ghost 是基于 Node.js 构建的开源博客平台,由前 WordPress UI 部门主管 John O’Nolan 和 WordPress 高级工程师(女) Hannah Wolfe...(Core) [linuxidc@localhost ~]$ uname -r 3.10.0-862.el7.x86_64 2、 安装Node.js #更新yum源 [root@mingc ~]# sudo...Development Tools [linuxidc@localhost ~]$ sudo yum groupinstall -y "Development Tools" #安装NodeSource Node.js...~]$ cd /var/www/ghost [ghost@localhost ghost]$ ghost install local --db=sqlite3 ✔ Checking system Node.js...访问搭建的ghost博客 前台页面:http://你的ip/ host博客 后台登录页面:http://你的ip/ghost 后台管理页面: Ghost作为一个新兴的博客系统肯定会有一些不足,但是我们相信它会越来越好的

92730

Python爬虫实战:抓取博客文章列表

本文将实现可以抓取博客文章列表的定向爬虫。...这个例子抓取博客园(https://www.cnblogs.com)首页的博客标题和URL,并将博客标题和URL输出到Console。 编写定向爬虫的第一步就是分析相关页面的代码。...现在进入博客园页面,在页面上单击鼠标右键,在弹出菜单中单击“检查”菜单项打开开发者工具,然后单击开发者工具左上角黑色箭头,并用鼠标单击博客园首页任意一个博客标题,在开发者工具的Elements面板会立刻定位到该博客标题对应的...HTML代码,图1中黑框内就是包含博客园首页所有博客标题以及相关信息的HTML代码。...图2 抓取博客列表的效果 本例在提取节点以及URL时使用了正则表达式,而提取博客标题时直接通过Python语言的字符串搜索功能实现的。

1K30
领券