C ++ 也可以搭建Web?高性能的 C++ Web 开发框架 CPPCMS + MySQL 实现快速入门案例

什么是CPPCMS?

CppCMS 是一个高性能的 C++ Web 开发框架,专为构建快速、动态的网页应用而设计,特别适合高并发和低延迟的场景。其设计理念类似于 Python 的 Django 或 Ruby on Rails,但针对 C++ 提供了更细粒度的控制和更高效的性能。

主要特点和优点

1. 高性能与并发处理

​ CppCMS 是为高性能需求而设计的。它支持大规模并发处理,能够在高负载下高效运行,特别适用于需要处理大量请求的场景。由于使用 C++ 编写,CppCMS 可以利用操作系统的原生线程和异步 I/O 操作,提供极低的延迟和高吞吐量。

2. 灵活的架构

​ 框架的设计允许开发者完全控制应用程序的各个方面,包括 URL 路由、会话管理、缓存机制、和表单处理。你可以根据具体需求自定义应用程序的各个模块,从而适应各种特殊的应用场景。

3. 集成与兼容性

​ CppCMS 能轻松与其他 C++ 库和系统组件集成,充分利用现有的 C++ 生态系统。它支持 SQLite、MySQL、PostgreSQL 等多种数据库,并提供了与 C++ 标准库的无缝集成。

4. 模板系统

​ CppCMS 提供了一个高效的模板系统,支持静态和动态内容的渲染。开发者可以在模板中定义页面布局和内容,通过与后端代码的结合,实现动态网页的生成。

5. 国际化和本地化

​ 框架内置了对国际化(i18n)和本地化(l10n)的支持,适合开发多语言应用。开发者可以轻松管理和应用不同语言的文本和格式设置。

适用场景

  • 高流量网站:如社交媒体平台、新闻门户网站等,需要处理大量用户请求。
  • 实时数据处理:如在线游戏服务器、实时消息传递系统,要求极低的响应时间。
  • 复杂后台服务:如需要提供高性能 RESTful API 或者后台服务的系统。

简单入门案例

1. 项目结构

在这里插入图片描述

2. CMakeLists.txt

cmake_minimum_required(VERSION 3.10)
project(c_web)set(CMAKE_CXX_STANDARD 17)# 指定源文件
set(SOURCE_FILES src/main.cpp src/blog.cpp)# 手动设置 CppCMS 和 Booster 的头文件路径
include_directories(/usr/local/include)# 手动设置库文件路径
link_directories(/usr/local/lib)# 添加可执行文件
add_executable(c_web ${SOURCE_FILES})# 查找数据库
include_directories(/usr/include/cppconn /usr/include/mysql)
link_directories(/usr/lib/x86_64-linux-gnu)# 链接 CppCMS 和 Booster 库 MySQL
target_link_libraries(c_web cppcms booster mysqlcppconn)

说明:自行安装所需要的依赖库和定位库的位置,以下是获取手动安装的cppcms,其他通过apt安装的自行查找库依赖和位置。

获取编译器标志

pkg-config --cflags cppcms

获取链接器标志

pkg-config --libs cppcms

3. config.json

{"service": {"api": "http","port": 8080,"ip": "0.0.0.0"},"http": {"script": "","static": "/static"}
}

4. main.cpp

#include <cppcms/service.h>
#include <cppcms/applications_pool.h>
#include <cppcms/http_response.h>
#include <cppcms/url_dispatcher.h>
#include "blog.h"
#include <cppcms/json.h>int main(int argc, char* argv[]) {try {cppcms::service app(argc, argv);// 创建博客应用的实例并将其添加到应用程序池中app.applications_pool().mount(cppcms::applications_factory<blog>());// 运行服务app.run();}catch (std::exception const &e) {std::cerr << "Error: " << e.what() << std::endl;}
}

5. blog.h

#ifndef BLOG_H
#define BLOG_H
#include <cppcms/application.h>
#include <cppcms/http_response.h>
#include <cppcms/http_request.h>
#include <cppcms/url_dispatcher.h>
#include <cppcms/url_mapper.h>
#include <mysql_driver.h>
#include <mysql_connection.h>
#include <cppconn/statement.h>
#include <cppconn/prepared_statement.h>
class blog : public cppcms::application {
public:blog(cppcms::service &srv);void index();void show_register();void handle_register();void show_login();void handle_login();std::unique_ptr<sql::Connection> connectToDatabase();void createDatabase(sql::Connection* con, const std::string& dbName);void createTable(sql::Connection* con);
private:void serve_html(const std::string &path);
};
#endif

6. blog.cpp

#include "blog.h"
#include <fstream>blog::blog(cppcms::service &srv) : cppcms::application(srv) {dispatcher().map("GET", "/", &blog::index, this);dispatcher().map("GET", "/register", &blog::show_register, this);dispatcher().map("POST", "/register", &blog::handle_register, this);dispatcher().map("GET", "/login", &blog::show_login, this);dispatcher().map("POST", "/login", &blog::handle_login, this);
}std::unique_ptr<sql::Connection> blog::connectToDatabase() {sql::mysql::MySQL_Driver* driver = sql::mysql::get_mysql_driver_instance();std::unique_ptr<sql::Connection> con(driver->connect("tcp://127.0.0.1:3306", "root", "123456"));con->setSchema("blog");return con;
}void blog::index() {serve_html("./views/index.html");
}void blog::show_register() {serve_html("./views/register.html");
}void blog::createDatabase(sql::Connection* con, const std::string& dbName) {std::unique_ptr<sql::Statement> stmt(con->createStatement());stmt->execute("CREATE DATABASE IF NOT EXISTS " + dbName);stmt->execute("USE " + dbName);
}void blog::createTable(sql::Connection* con) {std::unique_ptr<sql::Statement> stmt(con->createStatement());stmt->execute("CREATE TABLE IF NOT EXISTS users (""id INT AUTO_INCREMENT PRIMARY KEY,""username VARCHAR(255) NOT NULL,""password VARCHAR(255) NOT NULL,""email VARCHAR(255) NOT NULL"")");
}void blog::handle_register() {std::string username = request().post("username");std::string password = request().post("password");std::string email = request().post("email");try {auto con = connectToDatabase();createDatabase(con.get(), "blog");createTable(con.get());std::unique_ptr<sql::PreparedStatement> pstmt(con->prepareStatement("INSERT INTO users(username, password, email) VALUES (?, ?, ?)"));pstmt->setString(1, username);pstmt->setString(2, password);pstmt->setString(3, email);pstmt->executeUpdate();response().out() << "<p>User registered successfully: " << username << "</p>"<< "<p>Registered password: " << password << "</p>"<< "<p>Registered email: " << email << "</p>";} catch (sql::SQLException &e) {response().out() << "<p>Error registering user: " << e.what() << "</p>";}
}void blog::show_login() {serve_html("./views/login.html");
}void blog::handle_login() {std::string username = request().post("username");std::string password = request().post("password");try {auto con = connectToDatabase();std::unique_ptr<sql::PreparedStatement> pstmt(con->prepareStatement("SELECT password FROM users WHERE username = ?"));pstmt->setString(1, username);std::unique_ptr<sql::ResultSet> res(pstmt->executeQuery());if (res->next()) {std::string stored_password = res->getString("password");if (stored_password == password) {response().out() << "<p>Logged in successfully as: " << username << "</p>";} else {response().out() << "<p>Invalid password.</p>";}} else {response().out() << "<p>User not found.</p>";}} catch (sql::SQLException &e) {response().out() << "<p>Error: " << e.what() << "</p>";}
}void blog::serve_html(const std::string &path) {std::ifstream file(path);if (file.is_open()) {std::string content((std::istreambuf_iterator<char>(file)), std::istreambuf_iterator<char>());response().out() << content;} else {response().status(404);response().out() << "Page not found";}
}

7. login.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Login</title><!-- 引入 FontAwesome 图标库 --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"><style>/* 全局样式 */body {font-family: 'Helvetica Neue', Arial, sans-serif;background-color: #fdfdfd;color: #333;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;height: 100vh;background-image: url('https://source.unsplash.com/1600x900/?nature,water');background-size: cover;background-position: center;}/* 表单容器 */.form-container {background-color: rgba(255, 255, 255, 0.9);padding: 30px 40px;border-radius: 10px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);max-width: 400px;width: 100%;box-sizing: border-box;backdrop-filter: blur(10px);}/* 标题 */.form-container h1 {text-align: center;margin-bottom: 20px;font-size: 26px;color: #555;font-weight: 300;}/* 表单项 */.form-group {position: relative;margin-bottom: 20px; /* 调整了间距,减小输入框间的距离 */}.form-group input {width: 100%;padding: 12px 40px 12px 40px; /* 调整了内边距,确保图标和标签都能正确显示 */border: 1px solid #ddd;border-radius: 5px;box-sizing: border-box;font-size: 16px;background-color: #fdfdfd;transition: border-color 0.3s ease;}.form-group input:focus {border-color: #888;outline: none;}.form-group label {position: absolute;left: 40px;top: 50%;transform: translateY(-50%);color: #aaa;font-size: 16px;transition: all 0.3s ease;pointer-events: none;}.form-group input:focus + label,.form-group input:not(:placeholder-shown) + label {top: -10px;left: 40px;font-size: 12px;color: #555;background-color: white;padding: 0 5px;}.form-group .fa {position: absolute;left: 15px; /* 图标距离输入框左侧的距离 */top: 50%;transform: translateY(-50%);color: #888;font-size: 18px; /* 调整了图标大小 */}/* 提交按钮 */.form-group button {width: 100%;padding: 12px 15px;background-color: #333;border: none;border-radius: 5px;color: white;font-size: 16px;cursor: pointer;transition: background-color 0.3s ease;font-weight: 500;}.form-group button:hover {background-color: #555;}/* 响应式设计 */@media (max-width: 480px) {.form-container {padding: 20px 30px;}.form-container h1 {font-size: 22px;}.form-group input {padding: 10px 30px 10px 30px; /* 在小屏幕上调整内边距,确保输入框不拥挤 */}.form-group .fa {left: 10px; /* 在小屏幕上调整图标位置 */}.form-group label {left: 35px; /* 在小屏幕上调整标签位置 */}}</style>
</head>
<body><div class="form-container"><h1>Login</h1><form method="post" action="/login"><div class="form-group"><i class="fa fa-user"></i><input type="text" id="username" name="username" placeholder=" " required><label for="username">Username</label></div><div class="form-group"><i class="fa fa-lock"></i><input type="password" id="password" name="password" placeholder=" " required><label for="password">Password</label></div><div class="form-group"><button type="submit">Login</button></div></form><div class="toggle-link"><a href="/register">Don't have an account? Register</a></div></div>
</body>
</html>

8. register.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Register</title><!-- 引入 FontAwesome 图标库 --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"><style>/* 全局样式 */body {font-family: 'Helvetica Neue', Arial, sans-serif;background-color: #fdfdfd;color: #333;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;height: 100vh;background-image: url('https://source.unsplash.com/1600x900/?nature,water');background-size: cover;}/* 表单容器 */.form-container {background-color: rgba(255, 255, 255, 0.9);padding: 20px 40px;border-radius: 10px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);max-width: 400px;width: 100%;box-sizing: border-box;backdrop-filter: blur(10px);}/* 标题 */.form-container h1 {text-align: center;margin-bottom: 20px;font-size: 26px;color: #555;font-weight: 300;}/* 表单项 */.form-group {position: relative;margin-bottom: 25px;}.form-group input {width: 100%;padding: 12px 15px 12px 40px;border: 1px solid #ddd;border-radius: 5px;box-sizing: border-box;font-size: 16px;background-color: #fdfdfd;transition: border-color 0.3s ease;}.form-group input:focus {border-color: #888;outline: none;}.form-group label {position: absolute;left: 40px;top: 50%;transform: translateY(-50%);color: #aaa;font-size: 16px;transition: all 0.3s ease;pointer-events: none;}.form-group input:focus + label,.form-group input:not(:placeholder-shown) + label {top: -10px;left: 40px;font-size: 12px;color: #555;background-color: white;padding: 0 5px;}.form-group .fa {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #888;}/* 提交按钮 */.form-group button {width: 100%;padding: 12px 15px;background-color: #333;border: none;border-radius: 5px;color: white;font-size: 16px;cursor: pointer;transition: background-color 0.3s ease;font-weight: 500;}.form-group button:hover {background-color: #555;}/* 响应式设计 */@media (max-width: 480px) {.form-container {padding: 15px 20px;}.form-container h1 {font-size: 22px;}}</style>
</head>
<body><div class="form-container"><h1>Register</h1><form method="post" action="/register"><div class="form-group"><i class="fa fa-user"></i><input type="text" id="username" name="username" placeholder=" " required><label for="username">Username</label></div><div class="form-group"><i class="fa fa-envelope"></i><input type="email" id="email" name="email" placeholder=" " required><label for="email">Email</label></div><div class="form-group"><i class="fa fa-lock"></i><input type="password" id="password" name="password" placeholder=" " required><label for="password">Password</label></div><div class="form-group"><button type="submit">Register</button></div></form><div class="toggle-link"><a href="/login">Already have an account? Login</a></div></div>
</body>
</html>

9. 验证测试

9.1 启动命令

cmake ./
make
./c_web -c ./config.json

在这里插入图片描述

说明:光标闪烁即启动成功了。

9.2 注册测试

在这里插入图片描述

9.3 注册结果

在这里插入图片描述

9.4 登录测试

在这里插入图片描述

9.5 登录结果

在这里插入图片描述

10. 总结

​ 基于·Ubutun系统,通过 CppCMS + MySQL 实现简单的数据库连接和测试工作,即注册和登录操作完成快速入门。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/397920.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Golang | Leetcode Golang题解之第330题按要求补齐数组

题目&#xff1a; 题解&#xff1a; func minPatches(nums []int, n int) (patches int) {for i, x : 0, 1; x < n; {if i < len(nums) && nums[i] < x {x nums[i]i} else {x * 2patches}}return }

【Python学习手册(第四版)】学习笔记19-函数的高级话题

个人总结难免疏漏&#xff0c;请多包涵。更多内容请查看原文。本文以及学习笔记系列仅用于个人学习、研究交流。 本文主要介绍函数相关的高级概念&#xff1a;递归函数、函数注解、lambda表达式函数&#xff0c;常用函数工具如map、filter、reduce&#xff0c;以及通用的函数设…

【超音速 专利 CN117576413A】种锂电池测试数据绑定方法、设备及存储介质

申请号CN202010618671.X公开号&#xff08;公开&#xff09;CN111967546A申请日2020.11.20申请人&#xff08;公开&#xff09;广州超音速自动化科技股份有限公司(833753)发明人&#xff08;公开&#xff09;张俊峰(总&#xff09;; 叶长春(总&#xff09;; 蓝明观 术语 治具…

【MySQL】数据库约束和多表查询

目录 1.前言 2.数据库约束 2.1约束类型 2.2 NULL约束 2.3 NUIQUE&#xff1a;唯一约束 2.4 DEFAULT&#xff1a;默认值约束 2.5 PRIMARY KEY&#xff1a;主键约束 2.6 FOREIGN KEY&#xff1a;外键约束 1.7 CHECK约束 3.表的设计 3.1一对一 3.2一对多 3.3多对多 …

vue3-02-vue3中的组件通信

目录 组件通信一、vue3组件通信和vue2的区别二、父子通信2.1 props通信1&#xff09;父→子传递数据&#xff08;父组件向子组件传递数据&#xff09;2&#xff09;子→父传递数据 2.2 v-model1&#xff09;v-model的本质2&#xff09;给modelValue起别名3&#xff09;$event 2…

用Python制作开心消消乐游戏|附源码

制作一个完整的“开心消消乐”风格的游戏在Python中是一个相对复杂的项目&#xff0c;因为它涉及到图形界面、游戏逻辑、动画效果以及用户交互等多个方面。不过&#xff0c;我可以为你提供一个简化的版本和概念框架&#xff0c;帮助你理解如何开始这个项目&#xff0c;并提供一…

英伟达元宇宙平台Omniverse的学习,技术调研

NVIDIA Omniverse™ 是一个基于 USD (Universal Scene Description) 的可扩展平台&#xff0c;可使个人和团队更快地构建自定义 3D 工作流并模拟大型虚拟世界。 Omniverse&#xff1a;三维设计协同、模拟的开发平台&#xff0c;实现3D实时渲染&#xff0c;RTX光线追踪技术 协…

职场英语培训柯桥外语学校学外语学英语到银泰泓畅学校

“工作量太大了”怎么说&#xff1f; 导致加班有一个非常大的因素就是&#xff1a; “工作量太大了&#xff01;” “ 注意&#xff1a;形容工作量太大不使用“big”一词&#xff0c;要用heavy&#xff0c;相应的要说工作量较小&#xff0c;可以用light. 工作量大/小 &…

数据中心互连的关键要素和核心技术

数据中心互连&#xff08;DCI&#xff09;依靠其关键要素和核心技术进行的高效、可靠和高速的连接&#xff0c;实现了数据中心跨区域连接的即时通信和数据交换&#xff0c;成为了现代数字通信基础设施的重要组成部分。从光模块和多路复用设备到网络协议和管理系统&#xff0c;D…

Leetcode75-5 反转字符串的元音字母

本质上来说就是反转字符串 一部分需要反转 一部分不动 思路: 1.用String字符串倒序拼接 就是过滤掉不是元音字符 然后把所有的字符&#xff08;非元音的直接复制过来 元音字母直接从反转的字符串里边复制即可&#xff09; 2.看了题解发现自己写的啰嗦了 就是一个双指针问题用…

酒店行业如何利用XML进行营销短信

随着信息社会的到来&#xff0c;消费者获得会所的服务也从单纯的电话方式&#xff0c;逐渐转变为电话、互联网、传真&#xff0c;群发短信等多种媒体并行的方式。今天着重介绍下酒店行业如何利用短信平台进行营销。 群发短信业务对酒店起到的效率&#xff1a;根据新产品或服务向…

java实现解析pdf格式发票

为了减少用户工作量及误操作的可能性&#xff0c;需要实现用户上传PDF格式的发票&#xff0c;系统通过解析PDF文件获取发票内容&#xff0c;并直接将其写入表单。以下文章记录了功能实现的代码。 发票样式 发票内容解析 引用Maven 使用pdfbox <dependency><groupI…

Spring Boot - 在Spring Boot中实现灵活的API版本控制(下)_ 封装场景启动器Starter

文章目录 Pre设计思路ApiVersion 功能特性使用示例配置示例 ProjectStarter Code自定义注解 ApiVersion配置属性类用于管理API版本自动配置基于Spring MVC的API版本控制实现WebMvcRegistrations接口&#xff0c;用于自定义WebMvc的注册逻辑扩展RequestMappingHandlerMapping的类…

前端CSS画图形

我以前一直很好奇&#xff0c;这些下拉菜单中的小箭头是怎么实现的&#xff0c;直到我看到了进阶的CSS。 OK&#xff0c;let me tell you hao to do. 想要实现这个效果&#xff0c;方法很多&#xff0c;我知道的就两个&#xff1a; 图片作弊法&#xff0c;CSS妙用法 图片作弊…

uni-app 开发App时调用uni-push 实现在线系统消息推送通知 保姆教程

一、引言 在开发App时避免不了需要推送系统通知&#xff0c;以提高用户的使用体验。在自己的一个工具型的小app上全流程接入了uni-push2.0的推送能力&#xff0c;做个记录&#xff0c;以防后期需要用到。在阅读本教程前最好先看看官方文档&#xff0c;结合官方文档使用&#xf…

下载免费设计素材,有这7个网站就够了

7个免费设计素材网站&#xff0c;这些网站提供了大量的免费资源&#xff0c;包括图片、字体、图标、模板等&#xff0c;涵盖了多种风格和主题&#xff0c;能够满足不同设计师和创作者的需求。无论是用于个人项目还是商业用途&#xff0c;这些网站都能给你提供丰富的选择&#x…

10步搞定Python爬虫从零到精通!

学习Python网络爬虫可以分为以下几个步骤&#xff0c;每一步都包括必要的细节和示例代码&#xff0c;以帮助你从零开始掌握这一技能。 第一步&#xff1a;理解网络爬虫基础 什么是网络爬虫&#xff1f; 网络爬虫是一种自动化程序,用来从互联网上收集数据.它通过发送 HTTP 请求…

【数据结构】五、树:7.哈夫曼树、哈夫曼编码

3.哈夫曼树和哈夫曼编码 文章目录 3.哈夫曼树和哈夫曼编码3.1带权路径长度3.2哈夫曼树的定义和原理3.3哈夫曼树的构造代码实现 3.4特点3.5哈夫曼编码压缩比代码实现 3.6哈夫曼树-C 3.1带权路径长度 #mermaid-svg-yeVKyVnDwvdIc5ML {font-family:"trebuchet ms",verda…

CSS 实现两边固定宽,中间自适应

0. **Flexbox 实现**&#xff1a; css复制代码.container { display: flex; } ​ .fixed { width: 200px; /* 两边固定宽度 */ } ​ .flexible { flex: 1; /* 中间自适应 */ } html复制代码<div class…

数据科学 - Sklearn库总结

1. 前言 通过上几章对数据预处理的理解&#xff0c;最后来到我们数据分析的核心之一&#xff0c;机器学习。 机器学习涵盖了许多方面&#xff0c;如若每一次处理都是通过手写代码的方式去处理我们的数据集是十分繁琐&#xff0c;复杂的。但在scikit-learn库中&#xff0c;提供…