vue + express + nodejs爬虫写了个移动书城
发布于 4 个月前 作者 tgxhx 1475 次浏览 来自 分享

项目地址:点击

预览地址:点击

api地址:点击

爬虫地址:点击

技术栈:vue + vue-router + vuex + webpack + axios + less + flex + express + nodejs + mysql + localStorage

这个项目很早以前就开始写了,算是用vue写的第一个项目,应该比较符合新手学习。所以代码还是有不少问题,但是应该很符合vue入门使用者的写法,比如直接修改state:this.$store.state.xx = xx。

最开始是用jQuery写了阅读器部分,后来为了学习,就尝试用vue重构,学习了整个vue技术栈。 后来想想阅读器写好了,没有书可不行,想想应该用爬虫爬点数据,于是各种查找node爬虫的资料,写了不少爬虫。

数据有了,接下来该构建api了,谷歌了一下发现用express好像不错,于是又学习了express部分,构建了所需的api。

有的同学刚开始学习vue的时候可能有点茫然,不光是vue本身的用法、api、组件等等,查资料后发现还有vue-router、vuex等等需要学习。

本项目就是那个阶段写的第一个比较完善的vue项目,现在才拿出来是因为中间有不少事耽搁了,如果你想看代码,可能会发现不少地方跟自己写得很像,一共只有四个路由,够简单吧,但是用到的东西在其他复杂应用中也是必需的,仔细想想其实vue也就那么点东西,多写就容易了。

vue-router方面,常用的内容基本都用到了,比如动态路由、编程式导航、命名路由、重定向、数据获取时的loading、懒加载等等。

vuex采用分离的写法,state、mutation、action分开写,方便维护。

另外本项目中还写了一些可直接迁移使用的组件、比如loading组件、左右弹出层的背景阴影组件。

最后上点项目截图

PS:界面是抄起点的

8 回复

我好郁闷。。我爬cnode首页以及全部

的第一页帖子的title以及第一条评论。,,,,首先之前爬过,但是没继续深入爬首页的20个帖子里面的评论,理论上也没问题,但是实际上作者居然要用eventproxy并发爬取,好多坑,未知的坑。。。。简直是在探索宇宙未知之谜,。现在可以爬取tittle了,但是可能由于是首页,很多刚发的帖子没有第一条评论所以我爬不到?????????????????????? 但是title我也爬不到我就郁闷了。。。

话说,我正在研究的是 前端:react+react-dom+react-router-dom+react-bootstrapt+webpack3+。。。。。。。 前端好不容易做好react部分,发现webpack打包其实更好,然而打包好后appjs居然有10M,好不容易(模块分离)重做勉强减小到2M,发现别人做的都是有后端数据库服务器的。。。 又去研究python,发现python貌似对windows系统不太友好,还是nodejs好一点。 后端:nodejs+mongodb+express+。。。。。。。。由于纯前端的原因,巨多坑待爬 晕,原本以为触手可及的技术是那么遥远。。。。

我在想收费项目能爬么

为什么不用react写呢?react组件还可以拓展到react-native,打包成ios或者apk应用,可3端全栈开发 eg:好吧,突然发现这个输入框居然不是用的textarea实现。。。。。。。。。。。。

厉害了,感谢分享 自豪地采用 CNodeJS ionic

@ResJay 我只是随便找了个小说网站爬的,不是爬的起点之类

@pengliheng react不太会,只是稍微了解过

回到顶部