XNAL / Readmore
一个基于Vue2全家桶和追书神器api开发的读书WebApp。
Stars: ✭ 169
Projects that are alternatives of or similar to Readmore
Hiboot
hiboot is a high performance web and cli application framework with dependency injection support
Stars: ✭ 150 (-11.24%)
Mutual labels: webapp
Active Directory B2c Dotnetcore Webapp
An ASP.NET Core web application that can sign in a user using Azure AD B2C, get an access token using MSAL.NET and call an API.
Stars: ✭ 160 (-5.33%)
Mutual labels: webapp
React Template Easily
简单易用的react工程化模板,适用于h5,webapp,hybrid开发
Stars: ✭ 151 (-10.65%)
Mutual labels: webapp
Typescript Mern Starter
Build a real fullstack app (backend+website+mobile) in 100% Typescript
Stars: ✭ 154 (-8.88%)
Mutual labels: webapp
Play Java Starter Example
Play starter project in Java (ideal for new users!)
Stars: ✭ 164 (-2.96%)
Mutual labels: webapp
Play Scala Isolated Slick Example
Example Play Slick Project
Stars: ✭ 155 (-8.28%)
Mutual labels: webapp
Fifa21 Autobuyer
Fifa 21 AutoBuyer / Snipping Bot for fifa 21 ultimate team web app with captcha solver
Stars: ✭ 153 (-9.47%)
Mutual labels: webapp
Nacollector
⚔ 一个采集工具箱,据说是一个用于采集各种 WEB 资源的工作站?!你可以认为这是一个框架,可拓展。淘宝、天猫、苏宁、国美 等电商平台数据采集... 一键邀请 一键打包 账号登录获取Cookie 任务多线程 下载内容管理 实时日志 dll 热更新 无边框窗体 Web App, CefSharp, WebDriver
Stars: ✭ 158 (-6.51%)
Mutual labels: webapp
Rust Webapp Starter
Rust single page webapp written in actix-web with vuejs.
Stars: ✭ 151 (-10.65%)
Mutual labels: webapp
Ownhealthrecord
This repository is about the OwnHealthRecord Application Web App
Stars: ✭ 162 (-4.14%)
Mutual labels: webapp
Vscode Powertools
A swiss army knife with lots of tools, extensions and (scriptable) enhancements for Visual Studio Code.
Stars: ✭ 150 (-11.24%)
Mutual labels: webapp
Epubviewer
ePub viewer with dictionary, themes, search, offline support, and more
Stars: ✭ 156 (-7.69%)
Mutual labels: webapp
Active Directory B2c Dotnet Webapp And Webapi
A combined sample for a .NET web application that calls a .NET Web API, both secured using Azure AD B2C
Stars: ✭ 166 (-1.78%)
Mutual labels: webapp
Learning Pwa
📱some samples and blogs about how to start with your first PWA
Stars: ✭ 162 (-4.14%)
Mutual labels: webapp
前言
初学vue.js,官网的文档写的很清楚,看着不难。俗话说:光说不练假把式。程序猿学个新东西还是要敲出来看看效果比较好。最开始是想搞个音乐类的,毕竟天天都会听歌,但发现搞音乐类的太多了,我再搞个多没意思。考虑了一下,还是搞个看书的吧,这个还是很少有人搞的。找了找发现只有追书神器的api暴露出来了,起点之类的api找不到。最终效果因为api数据的限制,参考了起点中文网app、起点中文网web端,以及追书神器web端,再加上自己的一些想法搞出来的。项目中的小图标使用的是阿里巴巴的矢量图标库Iconfont。
技术栈
vue2 + vuex + vue-router + webpack + ES6 + axios + sass
源码地址
https://github.com/XNAL/ReadMore
访问地址
- 请访问地址:http://www.tdon.site/read-more/(pc端请用chrome手机模式预览)
- 扫描下面的二维码
项目运行
git clone https://github.com/XNAL/ReadMore
cd ReadMore
npm install
npm run dev(本地运行 访问:http://localhost:8080)
npm run build (部署上线 生成的dist文件夹放到服务器中即可:需要配置代理,如使用nginx,可参考下面问题中的配置)
说明
- 目前只做了第一个版本,还存在一些需要进行优化的细节问题,后续会继续进行维护更新。如果发现什么问题,也欢迎跟我联系反馈。
- 如果觉得做的还行,对您有所帮助,欢迎“start”一下。
开发中遇到的一些问题
- 多个子组件循环,父组件如何处理加载状态(精选页面)
每个子组件加载完后是同`this.$emit`通知父组件,父组件判断所有子组件加载完成后隐藏loading。
最开始使用url.indexOf来处理,后来直接发现vue-router的exact属性更好用。
1. 本地使用proxyTbale
在config/index.js中添加配置:
'/api': {
target: 'http://api.zhuishushenqi.com',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
2. 部署服务器后通过nginx代理
nginx中配置:
location /api/ {
proxy_pass http://api.zhuishushenqi.com/;
}
3. 调用接口时只需要以`/api`开头就可以
修改nginx配置:
location / {
try_files $uri $uri/ @router; //增加的内容
root /home/don/book;
index index.html;
}
location @router { //增加的内容
rewrite ^.*$ /index.html last; //增加的内容
} //增加的内容
部分截图
我的书架
精选
分类
排行
书籍详情
看书
搜索
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].