/*************************/
/* author:大龄青年
/* email :wenadmin@sina.com
/* from: http://blog.csdn.net/hahawen
/*************************/
原代码下载: http://club.phpe.net/index.php?s=&act=Attach&type=post&id=29432
（近来帮许多网友改程序，发现一个问题，就是大家用php开发设计模式的非常的混乱，所以写下这篇文章，希望对大家都有帮助）
php作为“最简单”的Web脚本语言, 在国内的市场越来越大，phper越来越多，但是感觉大多数人好像没有考虑到模式问题，什么样的设计模式才是最优的，才是最适合自己目前工作的，毕竟效率是最重要的（用省下的时间打游戏，多美啊...）。MVC应该是首选，www.sourceforge.net 上有好多优秀的基于MVC的开源项目，大家可以冲过去研究研究。
前几天给自己公司网站改版，主要还是文章发布系统，老板说后台我想怎么设计就怎么设计，唯一的前提就是快。于是自己搭建了一个简单的发布系统的框架。如果单纯从文章发布系统上讲，基本上可以满足“中小型”企业网站的文章发布系统的要求，后台的总共的php代码不超过800行，而且支持任意扩充和plugin功能。
废话不再说了，下面把我的架构讲一下，希望对您能有所帮助。
注意：在开始前，需要您下载一个模板处理工具类：“smarttemplate”，并了解一些模板的简单的使用。
我的测试环境：windows2k/apache2/php4.3.2/smarttemplate类库
先讲一下整个web站点的文件的分布，在后面的章节中将陆续创建并填充下面的目录和文件
我的服务器的web的根目录是 “C:/Apache2/htdocs/”
我在下面建立了一个文件夹“cmstest”作为我的网站的主文件夹
文件夹“cmstest”下面的子文件结构是：
/config.inc.php
/list1.php
/list2.php
/new.php
/add.php
/view.php
/page.js
/src/MysqlUtil.php
/src/ArticleUtil.php
/src/CoreUtil.php
/src/ParseTpl.php
/src/lib/smarttemplate/*.* 这个目录用来存放smarttemplate的类库的
/smart/template/list1.htm
/smart/template/list2.htm
/smart/template/new.htm
/smart/template/add.htm
/smart/template/view.htm
/smart/cache/
/smart/temp/
设计步骤：
1、考虑自己公司的网站的特点和已经设计的模板的结构，总结要实现的功能，列出清单。
2、分析功能清单，把功能分类。每一类的功能都是有共同点的，可以通过相同的方法实现的。
3、根据功能，设计数据库的表结构
4、设计一个配置文件config.inc.php, 用来记录网站的一些基本的信息,包括数据库名........
5、为每一类功能设计数据库查询的接口函数，这样以后相似的操作只要调用这个接口就可以了。这样避免了以后可能发生的大量的代码重复的操作，也就达到了代码复用的目的。
6、定义自己对模板工具的包装函数，以后调用的时候就不用管模板工具的使用问题了，只有往自己的包装函数里面塞数就可以了。
7、基础函数已经ok了，开始轻松的页面实现和模板的处理了。
我们现在就开始设计一个简单的系统，看看我是怎么一步一步地实现一个“最简单的文章的发布系统”的，当然只是我模拟的一个简单的项目，实际中一个项目可能比这要复杂的多。
一、分析我的案例：
呵呵，这个客户项目好简单的啊，幸福ing..........
list1.php：有三个文章列表和一个按钮，“php开发文章列表”“php开发热点文章列表”“asp开发最新文章”“添加新文章”
list2.php：有2个文章列表“asp开发文章列表”“asp开发热点文章列表”
new.php: 一个添加文章的表单的页面
add.php: 处理new.php的表单的页面
view.php: 文章察看的页面
二、分析功能
“php开发文章列表”“asp开发文章列表”-------按文章的发布顺序，倒序排列显示，每页显示5篇文章
“php开发热点文章列表”“asp开发热点文章列表”-------按文章的点击察看次数排序显示文章，显示3篇文章
“asp开发最新文章”按文章的发布顺序，倒序排列显示，显示3篇文章
“添加新文章”------一个文章的发布功能, 包括文章标题/作者/内容
“文章察看”---------显示某篇文章内容
综合的看一下,对功能进行分类包括:
1、文章列表：正常的分页列表、按点击数列表、按发布顺序的列表
2、文章发布：一个表单的输入和处理
3、文章察看：读取显示文章内容
呵呵，功能的确是太简单了些。
三、设计数据库：
数据库名：cmstest
数据表：
CREATE TABLE `article` (
`id` INT NOT NULL AUTO_INCREMENT,
`title` VARCHAR( 100 ) NOT NULL ,
`content` TEXT NOT NULL ,
`datetime` DATETIME NOT NULL ,
`clicks` INT( 11 ) ,
`pid` TINYINT( 2 ) NOT NULL ,
PRIMARY KEY ( `id` )
);
CREATE TABLE `cat` (
`cid` TINYINT( 2 ) NOT NULL ,
`cname` VARCHAR( 20 ) NOT NULL ,
PRIMARY KEY ( `cid` )
);
------------------------------
article表是文章内容表，
----------------------------
`id` 文章编号
`title` 文章标题
`content` 文章内容
`datetime` 发布时间
`clicks` 点击数
`pid` 分类表号
------------------------------
cat表是文章的类别表
----------------------------
`cid` 分类表号
`cname` 分类名称
----------------------------
上面是表的数据库结构，光有了这些还不够，还要有数据
INSERT INTO `cat` VALUES(1, "php开发"),(2, "asp开发");
INSERT INTO `article` VALUES(1, "php开发1", "php开发1内容", "2004-8-1 1:1:1", 0, 1);
INSERT INTO `article` VALUES(2, "php开发2", "php开发2内容", "2004-8-2 1:1:1", 0, 1);
INSERT INTO `article` VALUES(3, "php开发3", "php开发3内容", "2004-8-3 1:1:1", 4, 1);
INSERT INTO `article` VALUES(4, "php开发4", "php开发4内容", "2004-8-4 1:1:1", 3, 1);
INSERT INTO `article` VALUES(5, "php开发5", "php开发5内容", "2004-8-5 1:1:1", 2, 1);
INSERT INTO `article` VALUES(6, "php开发6", "php开发6内容", "2004-8-6 1:1:1", 1, 1);
INSERT INTO `article` VALUES(7, "php开发7", "php开发7内容", "2004-8-7 1:1:1", 0, 1);
INSERT INTO `article` VALUES(8, "jsp开发1", "jsp开发1内容", "2004-8-1 1:1:1", 0, 2);
INSERT INTO `article` VALUES(9, "jsp开发2", "jsp开发2内容", "2004-8-2 1:1:1", 0, 2);
INSERT INTO `article` VALUES(10, "jsp开发3", "jsp开发3内容", "2004-8-3 1:1:1", 4, 2);
INSERT INTO `article` VALUES(11, "jsp开发4", "jsp开发4内容", "2004-8-4 1:1:1", 3, 2);
INSERT INTO `article` VALUES(12, "jsp开发5", "jsp开发5内容", "2004-8-5 1:1:1", 2, 2);
INSERT INTO `article` VALUES(13, "jsp开发6", "jsp开发6内容", "2004-8-6 1:1:1", 1, 2);
INSERT INTO `article` VALUES(14, "jsp开发7", "jsp开发7内容", "2004-8-7 1:1:1", 0, 2);
这样我们的数据库就设计完了。接下来就开始涉及到具体的实现了。
四、设计config.inc.php文件
这个文件用来设置一些web上通用的数据信息和一些参数，其他的具体的实现页面都通过这个页面获取需要的数据，下面是配置的清单
//数据库设置
define('DB_USERNAME', 'root');
define('DB_PASSWORD', '');
define('DB_HOST', 'localhost');
define('DB_NAME', 'cmstest');
define('DB_PCONNECT', true);
// web的基本路经设置
define('CMS_ROOT', 'C:/Apache2/htdocs/cmstest/');
define('CMS_SRCPATH', CMS_ROOT.'src/');
//smarttemplate 模板解析工具的设置
define('SMART_REUSE_CODE', false);
define('SMART_TEMPLATE_DIR', CMS_ROOT.'smart/template/');
define('SMART_TEMP_DIR', CMS_ROOT.'smart/temp/');
define('SMART_CACHE_DIR', CMS_ROOT.'smart/cache/');
define('SMART_CACHE_LIFETIME', 100);
require_once(CMS_SRCPATH.'lib/smarttemplate/class.smarttemplate.php');
//要包含的基础文件,里面都是一些基本的函数
require_once CMS_SRCPATH.'MysqlUtil.php';
require_once CMS_SRCPATH.'ArticleUtil.php';
require_once CMS_SRCPATH.'CoreUtil.php';
require_once CMS_SRCPATH.'ParseTpl.php';
//session 控制
session_cache_limiter('private_no_expire');
session_start();
?>
其中的define('CMS_ROOT', 'C:/Apache2/htdocs/cmstest/');路经根据自己apach的web路经来改（参照最开始介绍文件夹结构的地方改）。
五、制作功能接口（1）
首先对mysql数据库函数进行包装，简化对数据库操作，网上有很多这样的开源的类。但是这里我个人根据自己的需求和习惯，自己对mysql的函数进行了包装，写得好坏就先不管了。这个地方简单的看一下就可以了，不同的包装的类操作是不同的，而且这里的主要目的是理解这套“架构”，不用太扣代码。
-------MysqlUtil.php--------
function dbConnect(){
global $cnn;
$cnn = (DB_PCONNECT? mysql_pconnect(DB_HOST, DB_NAME, DB_PASSWORD):
mysql_connect(DB_HOST, DB_NAME, DB_PASSWORD)) or
die('数据库连接错误');
mysql_select_db(DB_NAME, $cnn) or die('数据库选择错误');
mysql_query("SET AUTOCOMMIT=1");
}
function &dbQuery($sql){
global $cnn;
$rs = &mysql_query($sql, $cnn);
while($item=mysql_fetch_assoc($rs)){
$data[] = $item;
}
return $data;
}
function &dbGetRow($sql){
global $cnn;
$rs = mysql_query($sql) or die('sql语句执行错误');
if(mysql_num_rows($rs)>0)
return mysql_fetch_assoc($rs);
else
return null;
}
function dbGetOne($sql, $fildName){
$rs = dbGetRow($sql);
return sizeof($rs)==null? null: (isset($rs[$fildName])? $rs[$fildName]: null);
}
function &dbPageQuery($sql, $page=1, $pageSize=20){
if($page===null) return dbQuery($sql);
$countSql = preg_replace('|SELECT.*FROM|i','SELECT COUNT(*) count FROM', $sql);
$n = (int)dbGetOne($countSql, 'count');
$data['pageSize'] = (int)$pageSize<1? 20: (int)$pageSize;
$data['recordCount'] = $n;
$data['pageCount'] = ceil($data['recordCount']/$data['pageSize']);
$data['page'] = $data['pageCount']==0? 0: ((int)$page<1? 1: (int)$page);
$data['page'] = $data['page']>$data['pageCount']? $data['pageCount']:$data['page'];
$data['isFirst'] = $data['page']>1? false: true;
$data['isLast'] = $data['page']<$data['pageCount']? false: true;
$data['start'] = ($data['page']==0)? 0: ($data['page']-1)*$data['pageSize']+1;
$data['end'] = ($data['start']+$data['pageSize']-1);
$data['end'] = $data['end']>$data['recordCount']? $data['recordCount']: $data['end'];
$data['sql'] = $sql.' LIMIT '.($data['start']-1).','.$data['pageSize'];
$data['data'] = &dbQuery($data['sql']);
return $data;
}
function dbExecute($sql){
global $cnn;
mysql_query($sql, $cnn) or die('sql语句执行错误');
return mysql_affected_rows($cnn);
}
function dbDisconnect(){
global $cnn;
mysql_close($cnn);
}
function sqlGetOneById($table, $field, $id){
return "SELECT * FROM $table WHERE $field=$id";
}
function sqlMakeInsert($table, $data){
$t1 = $t2 = array();
foreach($data as $key=>$value){
$t1[] = $key;
$t2[] = "'".addslashes($value)."'";
}
return "INSERT INTO $table (".implode(",",$t1).") VALUES(".implode(",",$t2).")";
}
function sqlMakeUpdateById($table, $field, $id, $data){
$t1 = array();
foreach($data as $key=>$value){
$t1[] = "$key='".addslashes($value)."'";
}
return "UPDATE $table SET ".implode(",", $t1)." WHERE $field=$id";
}
function sqlMakeDelById($table, $field, $id){
return "DELETE FROM $table WHERE $field=$id";
}
?>
五、制作功能接口（2）
下面来正式的看看，我们共要实现的功能进行的包装
------------ArticleUtil.php----------------
//显示文章列表的函数
//getArticleList(文章类别, 排序方法, 当前显示第几页, 每页显示几条)
function getArticleList($catId, $order, $page, $pageSize){
$sql = "SELECT * FROM article WHERE pid=$catId ORDER BY $order";
return dbPageQuery($sql, $page, $pageSize);
}
//查询某个文章的内容
//getArticle(文章编号)
function getArticle($id){
$sqlUpdate = "UPDATE article SET clicks=clicks+1 WHERE id=$id";
dbExecute($sqlUpdate);
$sql = "SELECT * FROM article WHERE art_id=$id";
return dbGetRow($sql);
}
//添加文章
//addArticle(文章内容数组)
function addArticle($data){
$sql = sqlMakeInsert('article', $data);
return dbExecute($sql);
}
?>
这段代码是不是就简单多了啊？这就是自己对mysql函数进行包装的好处！
下面来研究一下他们是怎么实现我们的功能的呢。
“php开发文章列表”--------getArticleList(1, "id DESC", $page, 5)
“asp开发文章列表”--------getArticleList(2, "id DESC", $page, 5)
“php开发热点文章列表”----getArticleList(1, "clicks DESC, id DESC", 1, 3)
“asp开发热点文章列表”----getArticleList(2, "clicks DESC, id DESC", 1, 3)
“asp开发最新文章”--------getArticleList(2, "id DESC", 1, 3)
“添加新文章”-------------addArticle($data)
“察看文章”---------------getArticle($id)
六、对smarttemplate类进行包装（革命尚未成功，同志仍须努力）
具体的smarttemplate的使用这里就不讲了，不然口水讲没了，都讲不完。下面这个是具体的对包装函数
-------------ParseTpl.php----------------
function renderTpl($viewFile, $data){
$page = new SmartTemplate($viewFile);
foreach($data as $key=>$value){
if(isset($value[data])){
$page->assign($key, $value[data]);
unset($value[data]);
$page->assign($key."_page", $value);
} else {
$page->assign($key, $value);
}
}
$page->output();
}
?>
七：文章列表察看页面实现和模板处理（万里长征的最后一步）
先来看看页面list1的实现,在list1里面分页用了一个page.js文件，这个文件是自己给自己写的一个js分页的函数，挺好用的
---------------page.js---------------
//--------共 20 条记录，当前 86/99 页 [1]... [82] [83] [84] [85] [86] [87] [88] [89] [90] ...[99] GO-------------------
//recordCount = 20;
//show = 20
//pageShow = 11;
//pageCount = 100;
//pageNow = 86;
//pageStr = "?page=_page_";
//document.write(showListPage(recordCount, show, pageCount, pageNow, pageStr));
function showListPage(recordCount, show, pageShow, pageCount, pageNow, pageStr){
if(pageCount<1) pageCount =0;
if(pageNow<1) pageNow = 0;
str = '共 '+recordCount+' 条记录，当前 '+pageNow+'/'+pageCount+' 页 ';
if(pageCount<=pageShow){
startHave = false;
endHave = false;
startNum = 1;
endNum = pageCount;
} else if(pageNow-1 <= pageShow/2){
startHave = false;
endHave = true;
startNum = 1;
endNum = pageShow-1;
} else if(pageCount-pageNow <= pageShow/2){
startHave = true;
endHave = false;
startNum = pageCount - pageShow + 2;
endNum = pageCount;
} else {
startHave = true;
endHave = true;
startNum = pageNow - Math.floor((pageShow-2)/2);
endNum = startNum + pageShow - 3;
}
if(startHave){
startStr = " [1]... ";
str += startStr;
}
for(i=startNum; i<=endNum; i++){
if(pageNow==i)
str += "[" + i + "]";
else
str += " [" + i + "] ";
}
if(endHave){
endStr = " ...[" + pageCount + "] ";
str += endStr;
}
return str;
}
--------------list1.htm----------------
添加新文章
--------------list1.php----------------
require_once "config.inc.php";
dbConnect();
$data = array();
$data[phplist] = getArticleList(1, "id DESC", (int)$_GET[page], 5);
$data[phphotlist] = getArticleList(1, "clicks DESC, id DESC", 1, 3);
$data[aspnewlist] = getArticleList(2, "id DESC", 1, 3);
dbDisconnect();
renderTpl('list1.htm', $data);
?>
运行的效果怎么样，是不是实现了要求的功能呢。现在我们再做一下改动，在里面加上“asp开发热点文章列表”，实现代码如下
--------------list1.htm----------------
添加新文章
--------------list1.php----------------
require_once "config.inc.php";
dbConnect();
$data = array();
$data[phplist] = getArticleList(1, "id DESC", (int)$_GET[page], 5);
$data[phphotlist] = getArticleList(1, "clicks DESC, id DESC", 1, 3);
$data[aspnewlist] = getArticleList(2, "id DESC", 1, 3);
$data[asphotlist] = getArticleList(2, "clicks DESC, id DESC", 1, 3);
dbDisconnect();
renderTpl('list1.htm', $data);
?>
仔细观察一下前后的区别，list1.php里面只是简单的加入了一行的代码，就实现这个改动，感觉怎么样啊？是不是超级简单。
其实这种设计模式的好处还不只是这点：
1、可以把程序的核心代码隔离开管理，便于以后程序的管理维护
2、对于程序的可扩展性也很好，假设list1.php中要加入产品列表，我是不是也可以这么做呢？把对产品的管理也写成统一的数据库操作接口，然后简单的修改模板文件加入产品列表部分，最后在list1.php中加入一行函数调用的代码，就可以实现。
3、代码复用，如果您是做中小型企业网站的，那这么做对您的好处是最大的，因为这种类型的网站的设计结构几乎是一样的，您可能只需要更改一下模板的样式，就可以赚到钞票了。
这么看来这种模式是不是给您带来了很多的好处呢？
-----------lsit2.htm---------------
添加新文章
-----------lsit2.php---------------
require_once "config.inc.php";
dbConnect();
$data = array();
$data[asplist] = getArticleList(2, "id DESC", (int)$_GET[page], 5);
$data[asphotlist] = getArticleList(2, "clicks DESC, id DESC", 1, 3);
dbDisconnect();
renderTpl('list2.htm', $data);
?>
--------view.htm--------------
编号:{id}
标题:{title}
内容:{content}
--------view.php------------------
require_once "config.inc.php";
dbConnect();
$data = array();
$data[content] = getArticle((int)$_GET[id]);
dbDisconnect();
renderTpl('view.htm', $data);
?>
八：文章添加实现和模板处理（万里长征的再来一步）
---------------new.htm-----------
---------------new.php------------
require_once "config.inc.php";
renderTpl('new.htm', array());
?>
---------------CoreUtil.php--------------
function doPostVar(&$data){
$keys = array_keys($data);
foreach($keys as $key){
$data[$key] = addslashes(htmlspecialchars(trim($data[$key])));
if($data[$key]==null) $data[$key] = "$key default";
}
}
?>
---------------add.htm------------
{content}
---------------add.php------------
require_once "config.inc.php";
dbConnect();
$data = action();
doPostVar($data);
addArticle($data);
$result[success][content] = "文章添加成功";
dbDisconnect();
renderTpl('add.htm', $result);
function action(){
$data = array();
$data[title] = $_POST[title];
$data[content] = $_POST[content];
$data[datetime] = date('Y-m-d H:i:s');
$data[pid] = 1;
return $data;
}
?>
这样一个最最简单的文章的发布系统就完成了，不知道对您有什么收获没有.
九、总结
程序写完了，大家来总结一下吧，看看实现过程，应该可以说是简单明了吧。
1、统一实现数据库访问接口。更改后台数据库结构的时候，只要简单的修改相应的接口函数，其他部分的php代码根本就不用理会。
2、整个系统php代码和html代码分开管理，php代码前台实现起来也很简单，你也应该已经可以发现了，基本上是在10行代码左右。
3、可以任意的扩充功能。用函数对新的功能进行包装后，在具体的前台的查询显示页面中只有加入对相应的函数的简单的调用就可以了，一行代码就搞定了。
4、代码复用。通过对功能的包装，减少了大量的不必要的重复代码工作，效率应该是提高了很多吧？
5、可以移植性。如果将来做其他的网站，要是遇到了和这个项目相同的实现功能，你可以怎么做呢？把这里的函数和数据库结构copy过去，修改一下新项目的模板，是不是就可一完成这个新的项目了呢？根本就不用考虑修改php代码。
6、结构代码清晰。别人可以轻易的和你共同开发一个项目，代码冲突也会减少至最低。
当然实际工作中遇到的情况可能比这个例子复杂的多，但是再复杂的任务都是可以拆分的。
十、后言
あなたが JSP やサーブレットなどを学んだことがあるかどうかは知りませんが、それらには研究して真似する価値のある優れた設計アイデアがたくさんあります (正直に言うと、時間がある人はこの主題を学ぶのではなく Java に触れるべきです。 ) 言語を学ぶということは、その設計パターンと優れた機能実装方法を学ぶことを意味します)。 JSP には、アクションとフィルターという非常に便利な機能が少なくとも 2 つあります。
action は主に、add.php で定義した action() 関数と同様に、いくつかのイベント ロジックを処理するために使用されます。この関数は、フォームによって送信されたデータを検証して取得するために使用されます。もちろん、この方法で書かれたコードの量は以前の方法と同じように見えますが、コードの分離は以前の方法よりもはるかに明確になっていますか？
filter は、ネットワーク アクセスをフィルタリングしてリダイレクトし、一部の不正なリクエストや誤ったリクエストをリダイレクトするために使用されるフィルタリング機能です。バックグラウンド管理プログラムを通じてその具体的な役割を見てみましょう。
次の関数を CoreUtil.php にコピーします。この関数はバックグラウンド管理ログインのためのフィルタリング関数であり、Web ページをローカルにキャッシュしない関数です
function windowNoCache($cache){
if(! $cache | | headers_sent()) return ;
header('Expires: '.date('D,d M Y H:i:s',mktime(0,0,0,1,1,2000)).' GMT' );
header('Last-Modified:'.gmdate('D,d M Y H:i:s').' GMT');
header('キャッシュ制御: プライベート、キャッシュなし、必須再検証') ;
header ('プラグマ: キャッシュなし');
}
関数 isAdminLogin(){
if($_SESSION[再ログイン]=="ok") return;
if($_SESSION[管理者]!=SYS_ADMIN_NAME){
$_SESSION [relogin] = "ok";
die(" ");
}
$_SESSION[relogin] = "no";
}
次に、ルートディレクトリ以下に以下のファイルを追加します
--- ---- ------adminconfig.inc.php-----
define('SYS_ADMIN_NAME', 'hello'); //バックエンド管理ログイン名
define('SYS_ADMIN_PASSWORD', 'hello'); //バックエンド管理ログインパスワード
include 'config.inc.php';
windowNoCache(true);
isAdminLogin();
?>
----------adminindex.php----------------
require_once "adminconfig.inc.php";
renderTpl('adminindex.htm', array());
?>
------------adminlogin.php-------- -- --------
include "adminconfig.inc.php";
if($_POST[name]==SYS_ADMIN_NAME && $_POST[code]== SYS_ADMIN_PASSWORD) {
$_SESSION[adminuser] = SYS_ADMIN_NAME;
header("location: adminindex.php");
}else{
renderTpl('adminlogin.htm', array());
}
?> ;
smart/template ディレクトリの下に次のファイルを追加します
---------------adminlogin.htm------
-------------adminindex.htm-----
こんにちは、ようこそ ログインバックエンド管理へ
次に、adminindex.php にアクセスして何が起こるかを確認し、adminconfig.inc.php で設定したユーザー名とパスワードを使用してログインします。この機能はWeb上のさまざまな場所で使用できるので、良い方法になるはずです。 adminconfig.inc.php がバックグラウンドでアクセスされる他のページに読み込まれる限り、バックグラウンドのアクセス許可の問題を考慮する必要はありません。
付録 11
ファイル拡張子を非表示にするだけで、視聴者がどの言語でプログラムされているかが分からなくなります。
list1.php を例に挙げてみましょう
1. list1.php の名前を list1.tmp に変更しましょう。名前は「.htaccess」です。
3. 「.htaccess」ファイルを編集し、次の内容を入力します
AddType application/x-httpd-php .tmp
ブラウザから list1.tmp にアクセスして、問題がないことを確認します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
