+ 由于guthub库搜索vue2项目大部分都是element移动端,因此本人仿照简书官网做了pc端的实操项目。
+ 本项目为纯前端实现,所有数据均为前端自造。且仅实现了部分功能。
#### 实现的功能
1. 主页,主题页,下载页,登陆注册静态页(样式均copy自简书官网)
2. 实现登陆,注册,并将登陆信息显示在头部。
3. 用户登陆成功之后,进入主题页点击关注/取消关注之后,关注数量实时+-1。在此次关闭浏览器之前,再次进入该主题页能够看到上次操作后关注的状态。
4. 路由跳转
#### 未实现及bug
1. 轮播器的显示存在bug(主页中的轮播器实现方式参考https://blog.csdn.net/qwezxc24680/article/details/77194341)
2. 主题页侧边栏专题公告的展开与收起
3. 回到顶部
4. 浏览后浏览次数+1
5. 文章列表的懒加载
#### 如下为仿简书的效果图:
1. 主页:用户登陆成功之后,红色区域显示用户信息;蓝色区域均为公用模板;橙色区域为主页中的独有内容,因此直接写在homepage.vue中
![image](https://github.com/Tempta36/fangjianshu/raw/master/src/assets/index.jpg)
2. 主题页:用户登陆之后,点击红色区域关注按钮,红色区域“2133443人关注”人数实时+1,反之亦然。
![image](https://github.com/Tempta36/fangjianshu/raw/master/src/assets/article.jpg)
3. 注册页:
![image](https://github.com/Tempta36/fangjianshu/raw/master/src/assets/signUp.jpg)
4. 其他页面无需特别说明,故未展示。
#### 版本说明
>node v8.11.3
>vue v2.9.6
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
```
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
软件开发设计:应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储设备、移动设备等 操作系统:LInux、树莓派、安卓开发、微机操作系统、网络操作系统、分布式操作系统等。此外,还有嵌入式操作系统、智能操作系统等。 网络与通信:数据传输、信号处理、网络协议、网络与通信硬件、网络安全网络与通信是一个非常广泛的领域,它涉及到计算机科学、电子工程、数学等多个学科的知识。 云计算与大数据:包括云计算平台、大数据分析、人工智能、机器学习等,云计算是一种基于互联网的计算方式,通过这种方式,共享的软硬件资源和信息可以按需提供给计算机和其他设备。
资源推荐
资源详情
资源评论
收起资源包目录
基于vue-cli+vuex+vue-resource+node+webpack实现的pc端仿简书项目.zip (84个子文件)
cm
.editorconfig 147B
src
App.vue 790B
store
mutation-types.js 333B
modules
main.js 2KB
users.js 1KB
author.js 51KB
actions.js 636B
getters.js 41B
index.js 563B
assets
index.jpg 261KB
article.jpg 178KB
logo.png 7KB
signUp.jpg 26KB
utils.js 0B
main.js 489B
components
hotspot.vue 68B
classify.vue 68B
download.vue 2KB
articleList.vue 842B
article.vue 68B
recommendedAuthor.vue 2KB
signIn.vue 7KB
writeArticle.vue 62B
homepage.vue 3KB
HeaderComponent.vue 3KB
signUp.vue 9KB
author.vue 8KB
router
index.js 1KB
.babelrc 230B
package.json 2KB
build
check-versions.js 1KB
logo.png 7KB
utils.js 3KB
vue-loader.conf.js 553B
webpack.prod.conf.js 5KB
build.js 1KB
webpack.base.conf.js 2KB
webpack.dev.conf.js 3KB
package-lock.json 378KB
.postcssrc.js 246B
index.html 377B
.gitignore 154B
static
style.css 217KB
img
hot6.jpg 2KB
editor6.jpg 1KB
banner4.png 3KB
download-bg.png 6KB
banner.png 2KB
editor10.png 3KB
hot5.png 7KB
hot2.jpg 2KB
editor1.png 639B
editor7.jpg 2KB
logo.png 1KB
banner3.png 3KB
editor4.png 23KB
qrcode.png 1KB
phone.png 69KB
hot7.jpg 1KB
carousel1.jpg 104KB
editor2.jpg 4KB
hot3.jpg 1KB
author-newestCommand1.png 274KB
editor8.jpg 2KB
carousel2.jpg 79KB
download-logo.png 4KB
hot4.jpg 2KB
author-hots1.jpg 38KB
editor3.jpg 1KB
editor11.jpg 2KB
carousel3.jpg 71KB
editor5.jpeg 2KB
banner2.png 2KB
hot1.jpg 2KB
author-newestRecord1.png 4KB
banner5.png 2KB
editor9.jpg 3KB
.gitkeep 0B
user.json 159B
index.css 7KB
README.md 2KB
config
prod.env.js 61B
index.js 2KB
dev.env.js 156B
共 84 条
- 1
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功