这是一个创建于 2718 天前的主题，其中的信息可能已经有所发展或是发生改变。
如何构建一个中型的 web 应用（全栈技术）
计算机界的轮子已经如此之多，我的观点是技术不转化成应用是没有价值的，本文主要挑选了一些技术，复用一些优秀的轮子，用最小的成本构建自己的 web 应用。
主要内容
界面设计
boostrap twitter 出品的响应式框架，可以快速构建优美的前端界面
material-design-lite Google 出品的Material Design 风格的前端框架
前端库 /框架
jquery 方便快捷地操纵 dom
前端构建工具
yog2 百度出品的前端构建工具，将fis3和express结合在一起
webpack 当下最火的前端构建工具
后端语言
node 用 javascript 写后端应用
后端框架
express node.js 官方推荐的 web 框架
koa express 原始团队出品，口碑很好，我并没有在实际项目中使用过
数据库
mysql 全球最流行的开源数据库，各大互联网公司都在大范围使用
mongo 时下最流行的 nosql 数据库，经过几年的发展已经很稳定了
数据库驱动
knex mysql 的 node.js 版的 sql 构建库，需要搭配mysql 的 node.js 驱动 使用
mongoose mongo 的 node.js 版的数据库驱动
代码部署
ansible 基于 ssh 的自动化部署工具，我还在摸索的阶段
云主机
ucloud 口碑不错的云服务商
阿里云 阿里巴巴旗下的云服务，号称国内最大
百度云 推荐一下自家公司的产品
CDN
七牛云 老牌云存储服务商，有免费额度
 |
1
whileFalse 2017-06-01 23:28:40 +08:00 via iPhone
部署无脑推荐 docker，以及阿里云最近风评不太好啊。
|
 |
2
Kilerd 2017-06-01 23:29:31 +08:00
如果是 node 后端的话，没出现 pm2 是不合理的。
界面设计 这里还有很多你想不到的库 vue 呢？ 所以你这个不存在参考价值。 第一、没列全 第二、不存在对比性 最多只能说是你自己的技术栈而已。 |
 |
3
cnnblike 2017-06-01 23:35:44 +08:00  1
哇，笑死我了
|
 |
4
Yuigahama 2017-06-01 23:44:19 +08:00 1
没看懂你这东西的意义在哪
我点进来之前还以为你要给你做出来的网站地址 |
 |
5
jellybool 2017-06-01 23:50:25 +08:00 via iPhone
身为一个写 php 的，也是感觉 node 后端没出现 pm2 是不合理的。
|
 |
6
peneazy 2017-06-01 23:50:37 +08:00 via Android 1
前端库用 jQuery，webpack 有何意义
|
 |
7
micean 2017-06-02 00:26:50 +08:00
boostrap 也需要 webpack 之类的吗？
老实说一个独立完成的项目就别整那么复杂 需要那么复杂的项目也别一个人做 自己练手就随意了 |
 |
8
skadi 2017-06-02 00:33:57 +08:00 via Android 4
完全是在搞笑，标题可以改为“我熟悉的全栈技术”。
|
 |
9
AnonymousID 2017-06-02 08:53:44 +08:00
你这写的啥玩意
|
 |
10
prasanta 2017-06-02 09:40:17 +08:00
我偏爱 postgresql 胜过 mysql
|
 |
11
mlhorizon 2017-06-02 09:44:39 +08:00 1
大家还是多点鼓励吧。
|
 |
12
bugMaker 2017-06-02 09:50:34 +08:00
@jellybool ...出了 pm2 还有 forever， 不用这两个包，启动多个 node 服务监听不同的端口号，让 nginx 做负载均衡也没问题，就是进程挂掉后的重启机制搞不定而已，等 题主做的时候就知道这些东西了
|
 |
13
iRiven 2017-06-02 09:53:54 +08:00 via Android
😂支持
|
 |
15
jalena 2017-06-02 09:57:37 +08:00
尼玛，一打开就看到 bootstrap 拼写错了！
|
 |
16
lianxiaoyi 2017-06-02 10:08:59 +08:00
ucloud 口碑不错的云服务商
|
 |
17
learnshare 2017-06-02 10:15:24 +08:00
jQuery 没错，但不应该是唯一推荐吧
|
 |
18
polun 2017-06-02 10:23:12 +08:00
(mini)Awsome XX
 |
 |
19
arnoldnuo OP 1
@whileFalse 我也觉得 docker 是一个用来部署的好工具，不过我还没研究明白，所以没往上放。阿里云最近风评是不好，但是毕竟还算是国内最大最成熟的，所以想了想还是放上来了。
|
|
20
arnoldnuo OP 1
@Kilerd 的确是就写的我自己的技术栈，当初写的目的是为了给大家一个无脑的选择，只要学习这些，就能搞一个应用出来。守护进程这一项我忘记了加了，该把 pm2 放进去的，没打算加 vue，看来我也应该把 webpack 去掉，有点多余了
|
 |
24
Jakesoft 2017-06-02 10:49:52 +08:00
|
|
30
cnnblike 2017-06-02 10:59:01 +08:00
@arnoldnuo
1. JQuery+webpack?这个思路有点神秘。 2. 这眼看都 2017 年了，居然没有 docker。可以说是非常真实了。 3. mysql 而不是 postgres，真实。 |
 |
31
caniuse 2017-06-02 11:20:29 +08:00
react antd webpack laravel
|
 |
32
Daming 2017-06-02 11:31:32 +08:00
没 vue，差评
|
|
33
arnoldnuo OP 1
@bugMaker 我现在用的就是 forever，因为 pm2 的授权协议，导致没法用 pm2，不过还是挺想把 pm2 重新拾起来的
|
|
35
arnoldnuo OP 1
@lianxiaoyi 嗯，我好多出去创业的同事都用 ucloud
|
|
36
arnoldnuo OP 1
@learnshare 主要想搞一个最小的推荐集合，react、vue、angular 上手难度会高一些
|
|
39
arnoldnuo OP 1
@cnnblike 1. 的确不合适，所以我把 webpack 去掉了； 2. docker 我还没搞明白，目前用 ansible 部署，问题不大； 3. 目前 mysql 的学习材料比 postgresql 多太多了，使用的成熟程度也要高不少，所以没把 postgresql 放上去，我觉得自己还搞不定 postgresql
|
 |
40
robinshi2010 2017-06-02 15:00:30 +08:00
最小技术栈需要列这么长那可就坏事儿了。
|
|
41
arnoldnuo OP 1
@robinshi2010 哪个可以去掉呢？感觉去掉任意一项都会有问题吧，我倒是想再精简一些，请指教
|
 |
42
Sapp 2017-06-02 16:19:14 +08:00
你应该加个前提，[后端程序员的]。你这个明显一看就是后端搞出来给后端用的。
|
 |
43
xiaket 2017-06-02 17:56:51 +08:00
什么叫 postgres 最近很火........ 是您最近才知道这东西?
|
|
45
arnoldnuo OP 1
@Sapp 我干了两年前端，去年才转后端，目前觉得后端的东西很多复杂性无法避开，但是前端用 jquery 搞一些简单页面是没问题的
|
 |
46
Phariel 2017-06-02 20:39:46 +08:00 via Android 1
 |
|
47
Sapp 2017-06-02 21:00:36 +08:00
@arnoldnuo 我觉得楼上的图很适合你... jquery 确实能做，但是现在前端谁还用你那一套？我刚入行的时候差不多用的是你这样，早就被淘汰了。甚至可以说这个前端技术栈已经找不到工作了，当后端就好好当后端，别说什么全栈了。
|
 |
48
coderfox 2017-06-02 21:26:34 +08:00 via Android
数据库驱动我推荐 TypeORM （支持 MySQL、SQLite、MS SQL ）。
|
 |
49
billwang 2017-06-02 21:38:12 +08:00
不明白写这些是干啥用的，科普？
|
|
50
arnoldnuo OP 1
@Sapp 我主要是没有找到 vue、react 技术栈针对 seo 处理的比较好的方案，如果使用 vue、react 这些技术，会导致爬虫无法识别内容。我们只有后台应用才用这些技术，对于面向用户的产品，还是用后端拼接模版的方式，还是为了 seo 考虑。
|
|
52
peneazy 2017-06-02 22:02:36 +08:00 via Android
seo 可以做。。
|
 |
53
metrue 2017-06-02 22:08:05 +08:00
不知道列举这些东西有什么用....
|
 |
54
snailsir 2017-06-02 22:12:32 +08:00
一个 php 脚本，一个 html 模版页，几行 css，一个 markdown 目录，对，就是这个 http://www.dingzhihao.org
|
 |
55
likezun 2017-06-02 22:19:57 +08:00
哇，我只喷下 node。。。
喷 jquery 的人简直了，vue、react 根本就是大厂的玩具和试验品， 根本比不了 jquery 的意义 ！ |
 |
56
Miy4mori 2017-06-03 13:45:46 +08:00 via iPhone
本来想说点啥的，一看楼主是前端转后端，加油吧，知识面太窄学不好后端的。
|
 |
57
doubleflower 2017-06-03 15:49:25 +08:00
bootstrap + jquery 这种十年前的技术对于写个交互很少的博客来说还是能用的。
不过 LZ 是要构建一个中型的 web 应用。。。 |
 |
58
rubyvector 2017-06-03 16:21:18 +08:00
jquery 的基础地位不是新框架能比的。框架已经包含了基础样式及开发构架，更多地是加快开发速度，react 等 新框架也是在工程管理上下了工夫，以便构建大型的，复杂的前端界面。
|
 |
59
rotoava 2017-06-03 23:02:43 +08:00
CDN： 又拍
存储：aws s3，又拍 ，ali oss 云主机：aws，linode, ali 日志监控：ELK 消息中间件：kafka 反向代理：nginx https 证书：letencrypt 任督二脉：HTTP 协议 另外咨询一下：node 应用常驻后台是用什么方案？ |
 |
60
ClassicOldSong 2017-06-04 02:26:54 +08:00
来，送你一块砖头🌑
|
 |
61
wemore 2017-06-04 11:25:25 +08:00 via Android
前几天参加学校的比赛，大部分做网站的用的是 bootstrap+jq😂😂（我也是）
|
|
63
skadi 2017-06-04 12:41:53 +08:00
@ClassicOldSong 老宋!
|
 |
65
abcbuzhiming 2017-06-04 16:42:32 +08:00
@cnnblike 别的不谈，我只想知道这种看不起 Mysql 猛吹 PostgreSQL 的风气到底是咋回事
|
|
66
cnnblike 2017-06-05 04:35:49 +08:00
@abcbuzhiming mysql 有些东西做不到，之前很长一段时间 json 类型只能存字符串，两三个月前还不支持 CTE，就算你用不到，postgres 也会比 mysql 性能好。Amazon Redshift 是 postgres 兼容的，就是说，你后期如果这个中等规模的项目要变成大规模项目的话，迁移也方便很多。
吹 postgres 是有理有据的，不知道当然可以问，但是麻烦语气好点，成不？ |
 |
68
aroa 2017-06-07 12:35:04 +08:00
jQuery 挺好的
|
Select Language