首页 » 技术分享 » C++写动态网站之HelloWorld!

C++写动态网站之HelloWorld!

　
评论关闭　690次浏览

示例源代码下载地址：Fetch_Platform.7z

更复杂的代码可参考本博客BBS的实现


简单的说，动态网站就是可以动态变更的网站，动态变化的内容通常来自后端数据库，如下省略万字（动态网站）

一个个动态的网页汇集成了一个动态网站，动态网页在一定的模板上由后端局部替换，使得用户看到的内容是随需而变，这里我们忽略掉数据库处理部分，直接实现网页内容的变化，从而了解服务器端的工作原理，对于你了解整个动态网站的工作过程很有帮助。

注意：以下过程全都在Windows 7 64上使用Visual C++ 2008 Express编译使用，如使用不同的环境或工具，请高手自行搞定微笑

静态页


动态页


开始使用

IDE

在Visual C++ Express 2008下打开项目方案，

fetch_platform\build\vc2008\fetch_platform.sln，按如下图所示配置


网站端口

网站程序的入口在文件HTTPFormServer.cpp，下面是网站的端口，通常为80端口，为了避免可能的端口冲突，这里使用8020，网站程序运行起来可以使用http://localhost:8020/访问，

当然如果你电脑上的80端口没有被其他程序占用，可以简单的使用http://localhost/进行访问 

            unsigned short port = 8020;
			if (args.size() > 0) // change default port
				port = (unsigned short) NumberParser::parse(args[0]);

后端

添加服务类

添加一个头文件DemoService.h

#ifndef DEMO_SERVICE_H
#define DEMO_SERVICE_H

#include "shared_service.h"

class DemoService : public SharedService
{
public:
    void handle(Poco::Net::HTTPServerRequest& req, Poco::Net::HTTPServerResponse& resp,
        Poco::URI& uri, const std::string& fileName);

public:
    static const std::string SERVICE_PREFIX; // 用于URL分发
    
private:
};

#endif // DEMO_SERVICE_H

实现文件
DemoService.cpp 

#include "demo_service.h"

const std::string DemoService::SERVICE_PREFIX        = "/demo/";

// 凡是地址栏显示如下的都会进入下面这个方法
// http://domain/demo/***
//
void DemoService::handle(Poco::Net::HTTPServerRequest& req, Poco::Net::HTTPServerResponse& resp, 
    Poco::URI & uri, const std::string& fileName)
{
    // 分类处理demo下不同的请求，然后return
    //
    // 否则，如果没有特别的处理，将直接调用父类的handle方法
    
    // 作为示例，这里没有对DemoService进行扩充，感兴趣可以下载BBS的源代码
    // 因此这里直接交由父类处理
    //
    SharedService::handle(req, resp, uri, fileName);
}


WebServer是如何将浏览器的请求转发到DemoService的？

答案就在ServiceDispatcher类，具体如下

    // demo service
    if (startsWith(fileName, DemoService::SERVICE_PREFIX))
    {
        DemoService demo;
        demo.handle(req, resp, uri, fileName);
        return;
    }

添加标签类

标签类负责动态替换模板里的内容，这里的标签最重要的部分就是标签名，必须保证唯一性

标签类必须与.jsp前端网页配合使用才能实现动态显示网页的效果

头文件 

#ifndef DEMO_TAG_H
#define DEMO_TAG_H

#include "Poco/Net/base_tag.h"

class DemoTag : public Poco::Net::BaseTag
    /// Generates the number of the last hit shown on this page.
{
public:
    DemoTag();
    ~DemoTag();

#ifndef USING_STENCIL_SERIALIZE
    virtual void printEndTag(Poco::Net::PageRequest* req, Poco::Net::PageResponse* resp);
        /// Called when the parser reaches the end tag.
        ///  
        /// @param request The page request.
        /// @param response The page response.
        /// @throws Exception If there was an exception.
#endif
};

#endif // DEMO_TAG_H

实现部分 

#include "demo_tag.h"


DemoTag::DemoTag()
{
#if !defined(_DEBUG) || defined(USING_STENCIL_SERIALIZE)
	_type = DEMO_TAG;
#endif
}

DemoTag::~DemoTag()
{
}

#ifndef USING_STENCIL_SERIALIZE
void DemoTag::printEndTag(Poco::Net::PageRequest* req, Poco::Net::PageResponse* resp)
{
    std::string type = getParameter("type");

    // 这里根据不同的type返回不同的字符串给浏览器
    // 实现动态网页的效果
    if (type == "chinese")
    {
        resp->print("你好，世界!");
    }
    else
        resp->print("Hello World!");
}
#endif

必须将该标签类进行注册后，WebServer才会认识

见BaseTagManager类

void BaseTagManager::registerAllTags()
{
	BaseTagFactory& tagFactory = BaseTagFactory::defaultFactory();
	tagFactory.registerTagClass("demo",                 new Instantiator<DemoTag, BaseTag>);
    
/*
 * The following will be used to create new object while loading from file
 */
#if !defined(_DEBUG) || defined(USING_STENCIL_SERIALIZE)

	tagFactory.registerTagClass(DEMO_TAG,             new Instantiator<DemoTag, BaseTag>);

#endif // NDEBUG || USING_SERIALIZE_TAG
}

至此当有来自浏览器的
请求时，WebServer就可以实现动态输出网页了

前端

新建jsp文件

前端的资源全部放在root文件夹下，WebServer操作网页的根目录就在此。

在root文件夹下，我们新建一个demo的文件夹，再新建一个.jsp的文件，jsp扩展名用来告诉WebServer当前请求的是一个动态网页

当然你也可以使用任意其他的扩展名，如果想使用其他的扩展名，你需要修改SharedService::handle方法的如下部分

    if (file.exists() && file.isFile())
    {
        if (endsWith(newFileName, std::string(".jsp"))) // 以jsp结尾的文件表示动态网页
        {
#ifdef _DEBUG
            Poco::Net::Executer* root = _parser.parse(FETCH_WWWROOT, Path(newFileName).toString());
#else

添加标签

在后端代码部分，我们已经添加过标签处理类，这里需要添加前端部分，只有这两边对应起来，一个真正的动态网页才能正常工作

index.jsp

<fetch:demo/>
<br>
<fetch:demo type="chinese"/>

标签说明

<fetch:demo/>，fetch没有实际作用但不能省略，可用来搜索标签，关键部分在于demo，这个是与后端的

tagFactory.registerTagClass("demo",                 new Instantiator<DemoTag, BaseTag>);

想对应的，如果你想自己新建个别的标签，完全参照demo这个做即可

<br>，是个标准HTML标签，表示换行

<fetch:demo type="chinese"/>，跟第一行比，多了type="chinese"，这里你也可以改成其他的，但形式必须保证一致，比如你可以改成value="english"，那么对应后端的DemoTag部分中的

std::string type = getParameter("type");

则需要改成 

std::string value = getParameter("value");

小结

虽然连图加上代码占据了不少篇幅，实际上只需要如下3个步骤即可实现一个简单的动态网站

  1. 添加Service类，并在ServiceDispatcher中根据文件名分发
  2. 添加Tag类，并在BaseTagManager中注册
  3. 添加jsp网页，注意与Tag类配合

如果你有精力，也可以研究一下其他代码，不过大部分时间你几乎不用关心或改变它们。

转载自原文链接, 如需删除请联系管理员。

原文链接：C++写动态网站之HelloWorld!，转载请注明来源！

赞 0