前言
因为是仿写他人的优秀博客后端,已经把博客代码拉下,进行分析。
但是在分析的过程中自己理解的很困难。
所以想出了一种解决方法:
- 将原项目代码拉下后,大概研究一下该项目实现的基本功能有哪些?自己能不能再仿着在原项目的基础上增加相同的功能。
- 这样可以增加自己上手的机会,了解功能代码的实现
- 给自己提需求,看看还能完成什么功能,自己能不能将功能完善?怎么完善?
项目概览
基本功能
这是前端页面,展示的目的在于能更清晰的看到该项目的功能
基本有以下几项:
- 页面的路由跳转
- 评论功能
- 点赞功能
- 分页展示
- 访问统计
- 播放音乐
- 展示最新最热文章
项目学习
熟悉基本代码
项目结构
功能阐述
conf文件中放的是各种配置文件,我了解到的是一些全局变量、文件读写
重复功能实现
1.实现简单的路由跳转
图中蓝色对话框点击实现路由跳转,跟导航栏的留言板跳转一样。跳转到留言板页面
重复实现一次
需求完成,通过点击蓝色对话框可以跳转至留言板页面
代码分析:
<div class="card">
<h1>我的名片</h1>
<p>网名:{
{.about.Name}}</p>
<p>职业:{
{.about.Jobs}}</p>
<p>微信:{
{.about.WX}}</p>
<p>QQ:{
{.about.QQ}} | Email:{
{.about.Email}}</p>
<ul class="linkmore">
<li><a href="/liuyan" class="talk" title="给我留言"></a></li> //这里需要我们来修改路径
<li><a href="http://wpa.qq.com/msgrd?v=3&uin=1205443312&site=qq&menu=yes" class="address"target="_blank" title="联系QQ"></a></li>
<li><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1205443312@qq.com" class="email" target="_blank" title="给我写信"></a></li>
<