习惯大家可能没见过,后期如有修改,这里统统说明。前言作为一个自认为多产的博主,好久没有发帖了,之前关于segmentfault的帖子都快被删了。还怪我一开始就给自己挖坑,给自己定目标。结果都落后了,也没什么不好。想了半天,还是决定不要把目标定得太宏大,但又不想把事情想得太简单,所以总结了这篇文章的内容,做了一个涵盖一些比较热门的技术实践前端圈内的技术,包括(Node,Koa,Express,Pug,MongoDB,Sass,Gulp,React,Vue,Webpack,React-Native,Weapp,Electron)等等,但不在同一个应用中。别误会,整个项目拆分了多个应用,也就是多个不同的包,分别应用了其中的一些技术。忘了说是做什么的了。。。大概是个分享交流的社区吧。具体的外观我会在下面详细说明。在发文章之前,我已经完成了两个包,用Express搭建的API服务和用Pug模板做的传统网站输出表单。以后可能会鼓捣一下,大概意思已经出来了。还有一点……这篇文章只是一个整体的讲解,并没有涵盖太多技术相关的内容,所以就不贴在博客上了。项目地址:你没见过的极致实战。虽然管理的东西很多,但是因为强迫症,我不想拆分成很多仓库(一个仓库就是一个包的形式)。我把所有的内容都放在一个仓库里(实践),只是用根文件夹做区分,用yarn的workspace来管理所有的包,分别是server(API数据服务)、site(传统模板网站)、manage(后台管理系统)、weapp(微信小程序)、spa(移动端单页应用)、native(原生APP)和desktop(桌面应用)。由于暂时只完成了server和site,其他目录暂时删除,后面写的时候再补回来。关于我,我还是要详细说说整个项目和计划,不然你可能不知道我在做什么,上面提到的这些技术是干什么的。每个包生成的应用我尽量多发图片,以引起大家的注意,嘻嘻。服务器首先是一个API服务。本来打算用Koa来写的,不过对Express比较熟悉。我还是用Express来快速迭代,但是如果这波API没问题的话,我也打算换成Koa。写着,不想多次使用同一个技术,这里我贴一张测试覆盖图。其中,没有跑起来的测试是因为当时处理异常的时候没有统一扔到一个地方,导致很多异常处理测试跑不起来。后来问了几位前辈,才知道应该把异常提取出来,真是蠢。..不过基本完结了。已经初始化了大概30个API,单独写了一个API文档。详情请参考API文档。站点采用传统网站的形式,类似于java(jsp)的形式。本来这种形式的数据应该来自于数据库,但是为了我上面提到的API服务的宣传,这个包并没有操作数据库。内容方面,所有数据依然来自API服务,技术栈结合Express和Pug完成。本来打算做完服务器再发文章的,但还是怕没有效果图,大家不感兴趣,所以决定做这个全站,给大家看看这可能是个什么样的应用.本来想截个gif的,但是好像有点大,算了,静态图大概能看出来是什么,类似于掘金,cnode或者segmentfault社区网站,但是功能更简单,更多。页面也引用了很多,还请见谅。虽然在写网站的时候学到了一些经验,但还是觉得还不够完善。我有强迫症。除了Express和Pug之外,我还使用Sass作为样式,使用Gulp进行编译。虽然少,但还是有涉及的,但是测试我没有写,真的是时间太少了,脑洞太大了,后面再补测试,毕竟我的包是应用包...对不起!计划记录于2018-07-19:由于项目刚刚发布,其中我没有注意到的bug可能会陆续暴露出来,所以打算利用这段时间完善服务器和站点,等到这两个包变得稳定。它将启动管理后台管理系统的内容。技术栈是React和Antd。很喜欢这两个东西,所以其实还是希望快点。。。由于博客本身还是有很多内容的,所以我博客每篇文章对应一个内容,具体的实现过程会体现在博客。如有错误请见谅。目前已经完成两篇文章:终极实战(一)——创建节点数据服务终极实战(二)——使用Pug模板输出传统网站结语其实这样做的目的很简单。想把这些技术用的更熟练一些,想要小星星等等,做的时候收获很大,有很多很好的。学长帮我解答问题,让我不断的推翻我之前写的代码,不断的优化(PS:现在可能还有很多缺陷),我也进步了很多,也希望我的博客或者是可以帮助更多人的代码!!!
