资讯专栏INFORMATION COLUMN

来来来,你可能没见过这么全的实战吧

Joonas / 1747人阅读

摘要:项目地址你没有见过的终极实战。本来我是打算做完就发文的,但是还是怕没有效果图,大家兴趣欠佳,所以还是把这个整站弄出来给大家看一下大概是什么类型的应用。

习惯,后期若有修改会在此处作全局说明。
前言

作为一个自认为高产博主,我已经好久没发文了,之前在segmentfault上面发的文也是删的差不多了,还是怪我一开始给自己挖坑乱定目标,结果都滞后了,而且也没有什么动静,反思了好久,决定不做太过宏伟的目标,但是也不想简略了事,所以归结了本篇内容,做了一份涵盖一些前端圈如今比较流行的技术实战,包括(Node, Koa, Express, Pug, MongoDB, Sass, Gulp, React, Vue, Webpack, React-Native, Weapp, Electron)等等等等等,不过不是同一个应用里都用了哦...不要误会我瞎搞,整个项目拆分了多个应用也就是多个不同的包,分别应用了其中一些技术。

忘了说做个什么东西了...大概就是一个分享交流的社区,具体的样子下面我在细说。

在我发文的之前,我已经把用Express搭建的API服务和用Pug模板输出传统网站的形式两个包完成了,可能之后会修修补补,不过大概意思已经出来了。

还有一点...本篇只是做统筹性的说明,没有涵盖太多技术相关的内容,所以没有发在博客上。

项目地址:你没有见过的终极实战。

管理

虽然东西非常的多,但是强迫症的我并不想给它拆分成很多仓库(一个仓库是一个包的形式),所有内容我都放在了一个仓库里(practice),只是以根文件夹做区分,用yarnworkspace的方式来管理所有的包,分别是server(API数据服务)site(传统模板网站)manage(后台管理系统)weapp(微信小程序)spa(移动端单页应用)native(原生APP)desktop(桌面应用)。由于暂时只完成了serversite,所以其他目录就暂时删除了,后续写的时候在加回来。

关于

我还是要详细的说一下整个项目和计划,不然大家可能也不知道我做的是个什么东西,分别用上述的技术做什么地方。每个包产生的应用我尽量多贴一下图片,吸引一下大家的目光,嘻嘻。

server

首先是API服务,我一开始本来是打算用Koa写的,但是我本身对Express更熟悉一点,为了快速迭代就还是用了Express,不过也准备这一波API没有问题的话还是换成Koa来写,不想同一个技术用多次嘛,这里我就贴一个测试覆盖率的图吧。

其中没有跑到的测试是由于当时在处理异常的时候,没有统一抛到一个地方,导致很多异常处理测试跑不到,后来问了几个前辈才知道要把异常抽离了,真笨啦...不过大体还是跑完了的,初始化大概三十几个API,也多带带写了一份API文档,,详细说明大家就看API文档吧。

site

然后是传统网站的形式,也就是类似于java(jsp)的形式,本来这种形式数据应该来源于数据库的,但是为了我上述的API服务的公共性,所以这个包,并没有操作数据库的内容,所有数据还是来源于API服务,技术栈为Express结合Pug完成。

本来我是打算做完server就发文的,但是还是怕没有效果图,大家兴趣欠佳,所以还是把这个整站弄出来给大家看一下大概是什么类型的应用。




本来想截个gif,但是好像有点大,还是算了,静态图片大概也能看出是个什么东东,类似于掘金cnode或者是segmentfault的社区网站,只是功能简单了一些而且。页面也参照了不少,还请见谅。

在写site的时候虽然已经吸取了了一些经验,但是还是觉得不够完美,强迫症哎,除了本身ExpressPug以外,样式用了Sass,编译用了Gulp,虽然少,但是还是涉及到了,不过测试没有写诶,实在是时间太少,脑子太疼,后续再补测试吧,毕竟我这个包是个应用包....见谅!

计划

记于2018-07-19:由于刚刚发项目,可能里面的我没有察觉的bug会陆续暴露出来,所以准备这一段时间都用来完善serversite,等到这两包趋于稳定之后,就会启动manage后台管理系统的内容,技术栈为ReactAntd,我是特别喜欢这两个东东的,所以其实内心还是希望快点的...

博客

由于本身内容还是比较多的,所以博客我也是每一篇对应一个内容,详细的实现过程会在博客里面体现出来,如果错误除了帮忙指正一下还请多多包涵,现阶段完成了两篇:

终极实战(一) - 搞个 Node 的数据服务

终极实战(二) - 用 Pug 模板输出传统网站

结语

其实当时做这个的时候目的很简单,想要更熟练的使用这些技术、想要小星星等等,做的时候收获真的很多,有很多非常好的前辈帮我答疑解惑,让我不断的推翻之前写的代码,不断的优化它们(PS:现在可能也还有很多缺陷),我本身也提升了蛮多的,同时也希望自己的博客或者是代码能带给更多人帮助!!!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96266.html

相关文章

  • 可能见过这么全的实战

    摘要:项目地址你没有见过的终极实战。本来我是打算做完就发文的,但是还是怕没有效果图,大家兴趣欠佳,所以还是把这个整站弄出来给大家看一下大概是什么类型的应用。 习惯,后期若有修改会在此处作全局说明。 前言 作为一个自认为高产博主,我已经好久没发文了,之前在segmentfault上面发的文也是删的差不多了,还是怪我一开始给自己挖坑乱定目标,结果都滞后了,而且也没有什么动静,反思了好久,决定不做...

    GitChat 评论0 收藏0
  • 2016年总结 - 收藏集 - 掘金

    摘要:然而这次的文章,就像贺师俊所说的这篇文章是从程序员这个老年度总结前端掘金年对我来说,是重要的一年。博客导读总结个人感悟掘金此文着笔之时,已经在眼前了。今天,我就来整理一篇,我个人认为的年对开发有年终总结掘金又到 2016 Top 10 Android Library - 掘金 过去的 2016 年,开源社区异常活跃,很多个人与公司争相开源自己的项目,让人眼花缭乱,然而有些项目只是昙花一...

    DataPipeline 评论0 收藏0
  • 轮椅上的程序员--夜店传说

    2019年6月9号,星期天,晴,33度 今天的bug格外的难解 对面商店的小姐姐,依然是我不敢奢求的梦 我是小蝌蚪,一名低级前端程序员搬砖六年,一事无成 经过这些年的努力拼搏,终于向那些曾经看不起我的人证明 ,他们是对的 今晚又加班到了十二点,身心俱疲公司楼下的夜店又响起了战歌我就像一个小丑,穿梭在灯红酒绿的街路边的美女和豪车都与我无关因为程序员不允许沾染世俗的烟火 话还没说完就对一家夜店着了迷因...

    cpupro 评论0 收藏0
  • 轮椅上的程序员--夜店传说

    2019年6月9号,星期天,晴,33度 今天的bug格外的难解 对面商店的小姐姐,依然是我不敢奢求的梦 我是小蝌蚪,一名低级前端程序员搬砖六年,一事无成 经过这些年的努力拼搏,终于向那些曾经看不起我的人证明 ,他们是对的 今晚又加班到了十二点,身心俱疲公司楼下的夜店又响起了战歌我就像一个小丑,穿梭在灯红酒绿的街路边的美女和豪车都与我无关因为程序员不允许沾染世俗的烟火 话还没说完就对一家夜店着了迷因...

    BlackMass 评论0 收藏0
  • 轮椅上的程序员--夜店传说

    2019年6月9号,星期天,晴,33度 今天的bug格外的难解 对面商店的小姐姐,依然是我不敢奢求的梦 我是小蝌蚪,一名低级前端程序员搬砖六年,一事无成 经过这些年的努力拼搏,终于向那些曾经看不起我的人证明 ,他们是对的 今晚又加班到了十二点,身心俱疲公司楼下的夜店又响起了战歌我就像一个小丑,穿梭在灯红酒绿的街路边的美女和豪车都与我无关因为程序员不允许沾染世俗的烟火 话还没说完就对一家夜店着了迷因...

    Sike 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<