NodeJS 适合开发商城系统吗?

JavaScript016

NodeJS 适合开发商城系统吗?,第1张

Node只是工具的一种, 所以论可行, 一切皆可行.

问题主要在于时间线上, 因为java/.net先出现,所以感觉成熟(本人并不完全同意,这是另外一个话题了),因此真正的问题需要讨论的是:在你的生产环境里,使用node的最终结果是否比现有方案更加效率/安全/稳定/易维护/易开发,任何一方面不能带来惠利,就是不可替代:先来后到。

还有人文的问题,我遇到的第一个困难就是团队里大我10-20岁的资深程序员根本对没有class关键字的语言不屑。但是实际来讲,在目前从多线程转为松耦合并行计算(云)的大环境下,原有企业类解决方案over engineered的问题非常严重甚至对开发到部署都在不断产生成本和潜在风险。

我为node在团队里使用做出了很大的努力,几近放弃。。我一个人几乎把整个现有流程用Node重写出来并行跑才证明了它的一席之地。现在的结果是某部分松耦合服务类应用的确让开发更高效,部署更容易。

但是也只能小范围局部替换那些规模小,可替代,需要经常二次开发并且需要高效的组件。因为还有另外一个问题:很难聘请到使用javascript的企业级相关行业资深程序员。。。对公司实际业务模式的运营经验可比开发工具要重要得多了

最近在用nodejs将公司商城的底层重写。基于nodejs的强大,我从原本的只写前端变成了写全栈。

框架采用express,模板用ejs,前端用amazeui. 做完三个页面后,设计突然说要改UI设计,我勒个去,郁闷地一个个页面重新调整。下班之后反思一下,觉得花了太多时间在重复劳动上,是时候涉猎一下前端工程化的知识了。

用百度在互联网畅游了一番,总结了一下前端工程化的几个关键要素:编码规范化,结构模块化,流程自动化。本文所述的方法属于模块化,但只是简单地把dom,css,js拆分,以便更好地管理,而并非像vue框架那样的组件化,但这种方式可能更易于理解,可以作为过渡。

这是原来的目录结构

其中public目录里存放的是静态资源,按照传统的做法,css文件夹种存放less文件和css文件,img文件夹中存放图片资源,js中存放各页面(views目录中对应的页面)的js文件。

当页面越来越多,会遇到一些重复的部分。像图中的侧边菜单,顶部搜索框,底部菜单,在几个页面都有。如果每个页面拷贝一份样式,js,dom,当需求方要更改样式或者增加功能的时候,徒增工作量。

在一篇文章的启发下( 前端开发工程化探讨 ),我将目录结构改成如下:

为了标准化,每个组件里的文件命名都相同。以侧边工具栏为例,dom.ejs是一个模板文件:

如果不熟悉ejs模板的语法,可以百度一下。另外,此模板还支持嵌套,并传入参数。

例如,下面是一个列表容器的dom结构,配合js可以实现上拉加载功能,但列表项的样式可能不一样,你可以在使用时再根据传入的templateName参数决定用哪个模板,非常灵活。

在使用模板时,这样嵌入页面。

注意,应使用<%-include()%>,而非<%=include()%>。<%-%>表示内容原样输出,不进行运算。而<%=%>会生成运算后的内容。

然后,再来考虑js和css文件应当怎么处理。如果在页面中逐个引入组件的js和css文件,维护起来会非常不方便。所以我考虑将某个页面涉及到的组件,还有页面本身的js和css打包成一个。这样做有个缺点,每个页面的js和css文件会有重复的内容。如果用seajs或requirejs等模块加载,可以解决重复的问题,但也可能增加项目的复杂度。考虑到打包后的文件只有10K大小,还是暂时使用打包的方法。有兴趣的朋友也可以将js模块化并测试一下性能。

打包涉及到gulp的应用,有许多文章谈论到,而我是通过开源项目学习的。

首先我需要写一个page-config.json文件,告诉gulp我要打包哪些资源:

将文件放在模板目录的根目录下面,与src,dist同级。src存放原文件,dist存放生成后的文件。

再写一个gulpfile.js,用于自动构建。

下面是gulp文件的写法:

在使用时,要在命令行安装gulp,切换到gulpfile.js所在的目录,运行gulp watch,这样,每次在css和js更改时,会自动重新打包。当然,为了不重复操作,你可以写一个脚本文件。

根据给出的表达式:

int+a=2,b=3,b+=a,b+5

其中int+a不是一个合法的表达式,因为int是关键字,不能作为变量名或标识符的一部分。所以假设你想定义一个名为int_a的整型变量,并将它的值初始化为2,那么这个表达式可以改写为:

int int_a = 2, b = 3

b += int_a

int result = b + 5

在这个新的表达式中,首先将整型变量int_a初始化为2,然后将整型变量b初始化为3。接下来,使用+=运算符将int_a的值加到b上,使得b的值变为5。最后,将b的值加上5,得到result的值为10。

因此,表达式b+5的值为10