带你学会C++文字页面类项目——2.引子与首页部分制作

本文链接：https://blog.csdn.net/jinboxin_/article/details/125920883

🔮前言

往期链接：1.初步引入与知识储备

上一期我带大家认识了C++文字页面类项目和基础知识，这一次，我们来学习运用它们来进行运用。

⭐声明部分

之前讲到，在做任何比较大且函数量多的项目，需要运用先声明再定义的函数定义方式，以便结构清晰，主函数为第一个定义函数。

我们可以添加一些合适的注释，来增加可读性。这是一个范例：
//页面声明
void get_in();
void homepage();

void page1_environment_protect();
void page1_centre1_ctell();
void page1_centre2_htell();
void page1_centre3_effect();

void page2_make_changes();
void page2_centre1_pl();
void page2_centre2_eprp();
void page2_centre3_pt(); 

void page3_new_materials();
void page3_centre1_figure_out();
void page3_centre2_gn();
void page3_centre3_sp();

void page4_questions(string);
void finish();
void chest(int,char);

//小插件声明 
void alert(string);
void Slert(string);
void rgb_init();
void rgb_set(int wr,int wg,int wb,int br,int bg,int bb);

🌌引子部分制作

引子部分是最简单的。但是想做好也需要仔细阅读专栏中上一期内容。我们在引子部分可以运用alert函数进行。（上一篇提到过，不清楚请看上一篇）

同时，我们也可以用Sleep语句来做分句。

我们同时需要顾及到主函数的处理方法，主函数的写法是：
int main(){//主函数
	rgb_init();//初始化ANSI转义函数
	rgb_set(255,255,255,0,201,87);//配置颜色
	system("mode con cols=72 lines=28");//设置大小（可改变）
	get_in();//进入引子部分
	return 0;//主函数结束（没什么用，形式）
}
这里再次强调，里面的子函数我们第一篇已经给到，如果不清楚请重新查阅。

get_in就是引子部分。接着会跳转到引子部分。

引子部分的结构简单：
void get_in(){
    system("cls");
    system("title 引子");
    /*

    文本，注意使用alert比cin更炫更美观

    */
    homepage();//跳转到主页
}
我们通过范例来学习，这是一个关于科技环保的引子素材（我自己编的，不涉嫌恶意搬运）
void get_in(){
	system("cls"); 
	system("title 引子");
	cout<<"\t\t\t  ";
	rgb_set(200,255,255,0,201,87);
	alert("创未来·我的科技梦\n\n");
	rgb_set(255,255,255,0,201,87);
	alert("\t“科技是第一生产力”。自二十世纪开始，祖国的科学技术有了突破性的\n\n发展。\n\n");
	Sleep(500);
	alert("\t时至今日，科技仍是推动时代发展的利器。“科技梦”推动“中国梦”，\n\n祖国的科技日益渐进，成就了伟大壮举。\n\n\t我们作为新时代的接班人，也要掌握科技力量，为祖国的未来争光添彩。\n\n\t现在，许多科技内容高深莫测，我们没法掌握。但是关于环境保护，我们\n\n可以做到。\n\n\t让我们开始我们的生态科技学习之旅吧！");
	rgb_set(255,10,10,0,201,87);
	cout<<"\n\n\t3s后跳转到首页...";
	Sleep(1000);
	cout<<"\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b2s后跳转到首页...";
	Sleep(1000);
	cout<<"\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b1s后跳转到首页...";
	Sleep(1000);
	homepage();
}
🔊重点详解：

📀1.虽然引子部分在第一个，且不会重新出现，最初屏幕是空的。但是还需要加上清屏语句。虽然此处不加也没关系，但是需要注意的是：

rgb_set运用到全屏幕（见下图，没运用好的现状）只有通过函数跳转或清屏构成。如果既没有跳转，又没有清屏，就会出现如下情况：

所以，为了养成好习惯，我们最好添加system("pause");

📀2.结构：
rgb_set(255,10,10,0,201,87);
cout<<"\n\n\t3s后跳转到首页...";
Sleep(1000);
cout<<"\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b2s后跳转到首页...";
Sleep(1000);
cout<<"\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b1s后跳转到首页...";
Sleep(1000);
是我们制作过程中遇到最多的一种返回方式。能够成功模拟真实的跳转效果。

📀3.双\n：

可以看到，范例中运用了空行“\n\n”，是为了让用户看着舒服，一行换一下。我们可以先不添加，运行一遍后找到行末添加。

现在，这就是我们的成果：

🔋首页部分制作

首页的制作难度也比较低。通过switch加上getch()语句，分别添加小分支即可。

直接上代码案例：
void homepage(){
	rgb_set(200,255,255,144,144,255);
	system("cls");
	system("title 首页");
	cout<<"\t\t\t\t";
	Slert("首页\n\n");
	rgb_set(255,255,0,144,144,255);
	cout<<"\t\t\t     ◎金币："<<corn<<"\n";
	rgb_set(255,255,255,144,144,255);
	Slert(" 1. 环境保护\n\n");
	Slert(" 2. 改善生态环境\n\n");
	Slert(" 3. 开发新能源\n\n");
	Slert(" 4. 趣味答题\n\n");
	rgb_set(11,23,180,144,144,255);
	Slert("(*输入相应数字，前往平台，如想退出请按R)");
flag:	switch(getch()) {
    	case '1':
        	page1_environment_protect();
        	break;
    	case '2':
        	page2_make_changes();
        	break;
    	case '3':
    		page3_new_materials();
			break;
    	case '4':
    		page4_questions("");
			break;
		case 'r':
			finish();
			break;
		case 'R':
			finish();
			break;
		default:
			goto flag;
			break;
    }
}
        🔊重点详解：

        📀1.金币部分可有可无，看情况而定（自己制作主题）。

        📀2.flag与goto跳转的必要性是因为需要避免用户输错导致的卡壳或返回错误。

        📀3.颜色随你便，但是金币的颜色还是推荐255,255,0。

  📀4.之所以写r与R，是因为需要顾及到小写与大写的不同，后面多次都会用到。