作者sarsenwen (sarsenwen)
看板Web_Design
标题[问题] 请问要写出这样的网页需要看哪些书?
时间Sat Aug 26 09:32:37 2017
首先是这个网站首页
http://acgn-stock.com/
这是一个让使用者可以用二次元角色创立公司
然後进行虚拟股票买卖的网站
我想让自己以後也能设计出这样有趣的网站
虽然作者有开放程式码放在GitHub
https://github.com/mrbigmouth/acgn-stock
但是我不知道为何有这麽多档案 最多的是js档
网页不是写出一个index.html档丢进浏览器吗?
为何他没有所谓的index.html档?
还有像是使用者必须注册 代表设计这个网页的时候
伺服器端会有一个资料库(?) 来存放使用者们的资料(帐号跟密码)
让每个使用者看到的网站有些微的不一样
不同使用者点入"股市总览" 都会看到一样的角色列表
点入"帐号资料"页面 显示的是自己的帐号资料
代表背後有一套语法去区别不同的登入ID来抓取伺服器的资料
所以这套语法是? JacaScript吗?
因为我搜寻js档 跑出JavaScript语法相关资料
还有就是网站能显示使用者提供的资料
登入的使用者能看到"新创计画"的页面有建立新角色按钮
让使用者输入角色名称 上传角色图 写角色介绍
这些资料以及档案 都会在另外的页面显示出来
所以想要知道这些存取使用者提供的资料背後的语法
是要找哪些书来看?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.172.232.46
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1503711162.A.02E.html
1F：推 vi000246: 是nodejs喔 一种後端语法 08/26 09:49
2F：→ s540421: 没载来玩，不过看起来是以nodejs为基础，拿Meteor框架做 08/26 13:37
3F：→ s540421: 出来的，该专案在布署时会自动生成出用户端档案到public 08/26 13:39
4F：→ s540421: 目前主流的 Web 开发大多会使用 Webpack(或类似套件) + 08/26 13:42
5F：→ s540421: 须转译的语言 (jsx, es2017, vue等)来加速开发，市面上的 08/26 13:44
6F：→ s540421: 书要把这些学齐要花不少时间哦 08/26 13:45
7F：推 maxfock: 这内含了不少know how，技术是一回事，重点的商业逻辑要 08/26 14:47
8F：→ maxfock: 懂，并不是看书就能理解 08/26 14:47
9F：推 oToToT: index.html本来就不是必备的，只是apache之类的伺服会自己 08/26 15:27
10F：→ oToToT: 去抓index来当首页 08/26 15:27
11F：推 vi000246: 要写出这网站还需要资料库规画 相关的金融知识 08/27 02:53
12F：推 spfy: 这是西洽版友做的 之前大家说着说着就 一个人自干出来的专案 08/27 20:56
13F：→ spfy: 而且他的金融相关知识好像也足够...满神的? 08/27 20:57
14F：→ Neisseria: 这个蛮有趣的，除了要写程式，还要有金融的领域知识 08/28 15:09
15F：推 nnlisalive: 这网页有趣的地方其实是使用者之间的互动 08/28 16:02
请问一下 为何原始码资料夹中
用Firefox打开任何HTML档都是空白一片??
我想直接用他的原始码直接执行
但是一直是一片空白?? WHY??
然後找到 layout.html 这个感觉像是首页的档案
因为在这个档案里终於看到<head>跟<title>
但是下面body里面是
<body>
{{> layout}}
{{> loading}}
</body>
@_@?? 是一种这里的程式码写在别的档案的概念吗?
打开其他html档都是<template name=XXX开头
不是应该要
<!DOCTYPE html>
<html>
<head>
......
这样吗?
这个专案到底什麽巫术@@?
另外是我也有找了一下node.js的资料
现在node.js(?) + JavaScript语言 好像就能做後端的工作
因为node.JS需要安装 感觉不是一个语言
执行档一个只是命令提示字元 另一个是啥都没有的视窗
我想问的是
假如用node.js开发一个专案
把这专案拿到没有安装node.js的电脑上架设起来
也可以顺利执行吗?
16F：→ akccakcctw: 用大括号包起来那是Meteor的templates语法 08/29 09:49
17F：→ akccakcctw: 只要先定义好template，就可以引用 08/29 09:51
所以Node.js里面有一个框架(?)叫做Meteor
Meteor的语法内有一个关键字"templates"
"templates"的用法是 先定义内容 然後能被引用
所以 templates 是像C++的 #include 的概念?
18F：推 oToToT: 那是node框架meteor的东东，你去看个pug之类的也都有一堆 08/29 21:00
19F：→ oToToT: 非正常html的东东 08/29 21:00
20F：推 yzfr6: 你对网页的认知，还停留在早期刚流行网页的时候 08/29 23:58
所以现在的网页就是很神奇的巫术阿
21F：推 hijkxyzuw: 他是用 javascript 去和後端要资料，填入 html 里。 08/30 12:52
22F：→ hijkxyzuw: 那些 {{layout}} <template> 就是填入的标志。 08/30 12:52
我看不懂 {{layout}} <template> 是什麽意思 有啥用途
不过可以确定虽然我看不到<html>
但是它还是存在的 也许用一种很特别的方式隐藏起来
现在暂时先这样了解就好
因为<html>真的不见的话 会让我很伤心@@
23F：推 spfy: 我觉得你从头开始看比较好... 08/30 22:23
24F：→ sarsenwen: 有拉 我真的有从头开始看 Trust Me!! 08/30 22:44
25F：→ ssccg: 你要先弄清楚静态网站和动态网站，你认为的网页、可以用浏 08/31 09:54
26F：→ ssccg: 览器开档案看的是静态的，连上网站时只是下载档案 08/31 09:55
27F：→ ssccg: 动态网站是连上网站时，在网站上执行的程式才依参数组出网 08/31 09:56
28F：→ ssccg: 页回传，template就是组网页用的材料，跟结果当然有差 08/31 09:57
29F：→ ssccg: 没什麽隐藏不隐藏的... 08/31 09:57
所以连上一个网站 网页只显示 Hello World 这样是静态网站
连到另一个网站 上面只有一个文字输入框跟送出按钮
输入 Tom 按送出 输入框下面就显示 Hello Tom这是动态网站
Tom 就是回传的参数 文字输入框跟送出按钮是组网页用的材料
template提供很多网页用材料让我们设计网页的内容跟互动
也许是新标签或函数或物件属性方法
你的意思是这样吗????
30F：→ ssccg: 动态网页20多年前就有了，不是现在的网页神奇是你从来没认 08/31 09:59
真
→
ssccg: 知道吧，现代改变的只是写网站程式用的语言框架 08/31 10:00
所以框架的改变就是 HTML1->HTML5
HTML CSS JavaScript 都算语言框界
那Node.js template也算是一种框架?
31F：推 Neisseria: 建议原 po 找一些网页程式设计的书从头开始看 09/03 10:12
32F：→ Neisseria: 要不然这样子乱学反而误了自己的时间 09/03 10:13
33F：→ Neisseria: 後端语言很多，不一定要 JavaScript/Node 不可 09/03 10:13
我一开始觉得後端语言这麽多很怪
不像前端就是HTML+JavaScript+CSS
後来发现这些後端语言基本上都是在做同样的事
因为网路基础架构就是这样 短期也不会有大改变
所以先学Node这个看起来最容易上手的
※ 编辑: sarsenwen (36.238.38.65), 09/04/2017 14:22:25