Skip to content

W
WebCourse

御承扬 / WebCourse

通知 1
Star 0
Fork 0
W
WebCourse

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 70ce23a5 编写于 作者: Y ycy-ycy
浏览文件
操作

Initial commit

上级
展开全部 隐藏空白更改
内联 并排
Showing with 418 addition and 0 deletion
.idea/.gitignore 0 → 100644
浏览文件 @ 70ce23a5
# Default ignored files
/workspace.xml
\ No newline at end of file
.idea/jsLibraryMappings.xml 0 → 100644
浏览文件 @ 70ce23a5
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptLibraryMappings">
<file url="PROJECT" libraries="{bootstrap}" />
</component>
</project>
\ No newline at end of file
.idea/misc.xml 0 → 100644
浏览文件 @ 70ce23a5
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectRootManager" version="2" languageLevel="JDK_12" project-jdk-name="12" project-jdk-type="JavaSDK">
<output url="file://$PROJECT_DIR$/out" />
</component>
</project>
\ No newline at end of file
.idea/modules.xml 0 → 100644
浏览文件 @ 70ce23a5
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/Web课.iml" filepath="$PROJECT_DIR$/Web课.iml" />
</modules>
</component>
</project>
\ No newline at end of file
Web课.iml 0 → 100644
浏览文件 @ 70ce23a5
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager" inherit-compiler-output="true">
<exclude-output />
<content url="file://$MODULE_DIR$" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" name="bootstrap" level="application" />
</component>
</module>
\ No newline at end of file
src/main/resources/static/css/bootstrap.min.css 0 → 100644
浏览文件 @ 70ce23a5
此差异已折叠。
src/main/resources/templates/Home.html 0 → 100644
浏览文件 @ 70ce23a5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.fakeimg {
height: 200px;
background: #aaa;
}
</style>
<title>御承扬的家乡</title>
</head>
<body>
<div id="head" class="jumbotron text-center" style="margin-bottom:0">
<h1>Web 课实验一</h1>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.html">御承扬</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="Home.html">家乡介绍</a></li>
<li><a href="Person.html">个人介绍</a></li>
</ul>
</div>
</div>
</nav>
<div style="position: fixed;bottom: 100px;top: 250px;">
<img src="../static/images/p5.jpg" alt="照片" style="width: 360px;height: 200px;">
<br>
<img src="../static/images/p2.jpg" alt="照片" style="width: 360px;height: 200px;">
<br>
<img src="../static/images/p4.jpg" alt="照片" style="width: 360px;height: 200px;">
<br>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h1>关于御承扬的家乡</h1>
<h5>
<a href="https://baike.baidu.com/item/%E9%A6%99%E6%A0%A1%E6%9D%91">
我家乡位于广东省汕尾市陆丰市河西镇香校村
</a>
</h5>
<div class="fakeimg">
<img src="../static/images/p1.jpg" alt="照片" style="width: 360px;height: 200px;">
</div>
<br>
<p>
这是我从我家天台，向东拍摄时拍到的照片。<br>
图片上不远处高楼林立的地方，就是本县市政府驻地所在得镇子，因此经济相对发达。
而我家乡在地理位置上正是与市区毗邻，与市区东海镇只隔着一条漯河，到市区去相对方便，
因为挨着横穿陆丰市的
<a href="https://baike.baidu.com/item/%E5%B9%BF%E6%B1%95%E5%85%AC%E8%B7%AF/5286531?fr=aladdin">
广汕公路（G324）
</a>
故而交通相当便利，俗话说：<strong>要致富先修路</strong>，借着公路的便利，家乡一日日发张起来。
</p>
<hr class="hidden-sm hidden-md hidden-lg">
<div style="font-size: 16px;">
<p>
家乡附近比较值得一去的地方：
</p>
<ul class="nav nav-pills nav-stacked">
<li><a href="https://baike.baidu.com/item/%E6%B8%85%E4%BA%91%E5%B1%B1/5159791?fr=aladdin">清云山</a> </li>
<li><a href="https://baike.baidu.com/item/%E5%85%83%E5%B1%B1%E5%AF%BA/6879232?fromtitle=%E7%8E%84%E6%AD%A6%E5%B1%B1&fromid=1147846">
玄武山·元山寺
</a> </li>
<li><a href="https://baike.baidu.com/item/%E9%87%91%E5%8E%A2%E9%93%B6%E6%BB%A9">金厢银滩</a> </li>
<li><a href="https://baike.baidu.com/item/%E8%A7%82%E9%9F%B3%E5%B2%AD">观音岭</a> </li>
</ul>
</div>
</div>
<div class="col-sm-8">
<a href="#foot" style='position:fixed;right: 0px; top: 600px;font-size: 24px;'>跳到底部</a>
<h2>家乡风貌</h2>
<h5>家乡的<a href="#h2">民风民俗</a>、<a href="#h1">地理外观</a> 等</h5>
<center>
<h3 id="h1">1、地理风貌</h3>
</center>
<hr style="width: 50%;color: cornflowerblue;border-style: dot-dot-dash;border-width: 3px;">
<div style="width: 755px;height: 450px">
<img src="../static/images/p2.jpg" alt="照片" style="width: 755px;height: 450px;">
</div>
<br>
<p>图一·村后林地</p>
<p>
家乡和大多数陆丰自然村落一样，总体布局是一种<strong>"前居后田"</strong>的布局，如下卫星图：
</p>
<br>
<img src="../static/images/p5.jpg" alt="图片" style="width: 750px;height: 510px">
<br>
<p>图二·家乡卫星图</p>
<br>
<p>
村庄前面主要是人们居住和活动的区域，而后面主要是农田湖泊林地等。林地面积和农田面积一半半，所以我在我家天台
拍摄时，镜头呈现的是一副<strong>“平芜尽处是春山”</strong>的画面，平时学习累了我也喜欢趴在天台的围栏上，
远眺这一望无垠的绿色。其实家乡在我小时候，从空中看下来，绿色应该比现在还浓郁的，只是由于这些林木并不是无主林地，
而是村里有些人种下的，为的是几年之后砍伐木材买。而我高中时期，村后林地便又经历了一次砍伐，之后才变成了图一的模样。
</p>
<p>
而在田地方面，主要分为水田和旱地，水田庄稼主要是水稻，和大多数南方地区一样都是一年两熟，夏天一次秋天一次。
旱地根据种植作物的不同可以分为菜地和非菜地，菜地就是主要种植蔬菜的旱地，村里设有市场，因此村里有些人家便种菜来销售；
而非菜地主要指那些用来种植自家用或买卖用的经济作物，例如花生、芝麻、番薯等等，而又以番薯地为最。
</p>
<p>
村里的湖泊，比较大的，从卫星图上可以看出的，主要有两处，分别位于村前和村后，湖泊面积以村后那处为最。湖泊主要被人承包用作养殖鱼类或养殖鸭子用。
不仅湖泊是如此，对一些河流段，村里也是让人承包用于养鱼，我家旁边的一条小河沟便是如此，从小到大吃了这条河沟里不少的鱼。
</p>
<p>
在居住区方面，聚居地可以分为三处，一处在中轴线上的老村原址上发展的聚居地，以及左右两边成块或成线的聚居地。从卫星图上看到，房屋围绕着的两大绿色空旷处，
左边哪个就是村前的湖泊以及附带的农田荒地和沼泽。右边那个主要是沼泽。这两处由于建筑施工难度大、成本高，只能是从边沿慢慢侵蚀进去建房子。
我料想不用多少年，这两处空旷处会从卫星图上消失的。
</p>
<br>
<center>
<h3 id="h2">2、人文风貌</h3>
</center>
<hr style="width: 50%;color: cornflowerblue;border-style: dot-dot-dash;border-width: 3px;">
<div style="width: 755px;height: 450px">
<img src="../static/images/p6.jpg" alt="照片" style="width: 755px;height: 450px;">
</div>
<br>
<p>图三·元宵灯会祭祀</p>
<p>
家乡本地居民，以方言<a href="http://www.wutongzi.com/a/98072.html"><strong>海陆丰福佬话</strong></a>
为日常交流语言，属于闽南语系。家乡姓氏主要有<strong>彭、蔡</strong>两大姓氏，其中彭姓为原住民姓氏，
蔡氏为后来迁入逐渐发展起来。家乡节日，近几年氛围不似往前。小时候，每当逢佳节，村里相当热闹，例如元宵灯会的祭祀，
可以说是一年中最隆重的一次，这一天白天搭棚唱戏，夜晚放电影，然后祭拜祖先在祖先灵位前决选出来年族总理。
由于人文风貌不好把握，这里不再详细描述了。
</p>
</div>
</div>
</div>
<a href="#head" style='position:fixed;right: 0px; bottom: 500px;font-size: 24px;'>跳到顶部</a>
<div id="foot" class="jumbotron text-center" style="margin-bottom:0">
<p>Copyright &copy;彭友聪 201724073161</p>
</div>
</body>
</html>
\ No newline at end of file
src/main/resources/templates/Person.html 0 → 100644
浏览文件 @ 70ce23a5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.fakeimg {
height: 200px;
background: #aaa;
}
</style>
<title>御承扬的编程能力介绍</title>
</head>
<body>
<div id="head" class="jumbotron text-center" style="margin-bottom:0">
<h1>Web 课实验一</h1>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.html">御承扬</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="Home.html">家乡介绍</a></li>
<li class="active"><a href="Person.html">个人介绍</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h1>御承扬编程能力介绍</h1>
<div class="fakeimg">
<a href="https://blog.csdn.net/qq_42896653">
<img src="../static/images/p7.jpg" alt="照片" style="width: 360px;height: 200px;">
</a>
</div>
<br>
<p>
御承扬，是我最为常用的的网络 ID 和设备标识 ID，之所以取这么一个名字，初衷就是：继承优良并发扬。
古语有云：读书人当<strong>继前圣之绝学，开万世之太平</strong>，我没那么大的本事，勉勉强强以继承和发扬为目标。
</p>
<hr class="hidden-sm hidden-md hidden-lg">
<div style="font-size: 16px;">
<p>
我的几个主页：
</p>
<ul class="nav nav-pills nav-stacked">
<li><a href="https://blog.csdn.net/qq_42896653">CSDN 博客主页</a> </li>
<li><a href="https://github.com/pyc-ycy">
Github 主页
</a> </li>
<li><a href="https://gitee.com/pengyoucongcode">码云主页</a> </li>
</ul>
</div>
</div>
<div class="col-sm-8">
<a href="#foot" style='position:fixed;right: 0px; top: 600px;font-size: 24px;'>跳到底部</a>
<h2>
About Coding
</h2>
<h5>
我所经常使用和比较熟悉的<a href="#h1">编程语言以及对应的IDE</a> ，以及在这些编程语言基础上的<a href="#h2">高阶应用</a> 。
</h5>
<center>
<h3 id="h1">1、编程语言和 IDE</h3>
</center>
<hr style="width: 50%;color: cornflowerblue;border-style: dot-dot-dash;border-width: 3px;">
<table class="table">
<caption style="text-align: center">我所熟悉的编程语言以及相关 IDE</caption>
<thead>
<tr>
<th>语言名称</th>
<th>所属类型</th>
<th>对应的 IDE</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#c_c++">C/C++</a> </td>
<td>
编译型语言，属于后台
</td>
<td>
Visual Studio 2019 (Enterprise)
</td>
</tr>
<tr>
<td><a href="#java">Java</a> </td>
<td>编译型语言，属于后台</td>
<td>IntelliJ IDEA 2019.3.3 (Ultimate Edition)</td>
</tr>
<tr>
<td><a href="#python">Python</a> </td>
<td>解释型语言，属于后台</td>
<td>Pycharm 2013.3.3 (Professional)</td>
</tr>
<tr>
<td><a href="#html">HTML</a> </td>
<td>标记型解释型语言，属于前端</td>
<td>IntelliJ IDEA 2019.3.3 (Ultimate Edition)</td>
</tr>
</tbody>
</table>
<br>
<h4 style="color: #007bff">1.1、C/C++</h4>
<img src="../static/images/c.jfif" alt="照片" style="width: 200px;height: 200px;">
<p id="c_c++" style="line-height: 2em;">
C语言是在70年代初问世的。一九七八年由美国电话电报公司(AT&T)贝尔实验室正式发表了C语言。
在C的基础上，一九八三年又由贝尔实验室的Bjarne Strou-strup推出了C++。
C++进一步扩充和完善了C语言，成为一种面向 对象的程序设计语言。
C是C++的基础，C++语言和C语言在很多方面是兼容的。
因此，掌握了C语言，再进一步学习C++就能以一种熟悉的语法来学习面向对象的语言，从而达到事半功倍的目的。
我主要用 C/C++ 编程解决一些数学问题，以及用 C 语言来理解计算机内部对数据的组织。
</p>
<h4 style="color: #007bff">1.2、Java</h4>
<img src="../static/images/java.jfif" alt="照片" style="width: 300px;height: 200px;">
<p id="java" style="line-height: 2em;">
Java是一门面向对象编程语言，
不仅吸收了C++语言的各种优点，
还摒弃了C++里难以理解的多继承、指针等概念，
因此Java语言具有功能强大和简单易用两个特征。
Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，
允许程序员以优雅的思维方式进行复杂的编程 。
Java具有简单性、面向对象、分布式、健壮性、安全性、
平台独立与可移植性、多线程、动态性等特点。
Java可以编写桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等
</p>
<h4 style="color: #007bff">1.3、Python</h4>
<img src="../static/images/python.jpg" alt="照片" style="width: 200px;height: 200px;">
<p id="python" style="line-height: 2em">
Python 是一种解释型、面向对象、动态数据类型的高级程序设计语言。
Python 由 Guido van Rossum 于 1989 年底发明，第一个公开发行版发行于 1991 年。
像 Perl 语言一样, Python 源代码同样遵循 GPL(GNU General Public License) 协议。
Python 一样也可以用桌面视窗应用的开发，不过更主要的是用户大数据挖掘这方面。
</p>
<h4 style="color: #007bff">1.4、HTML</h4>
<img src="../static/images/html.jfif" alt="照片" style="width: 200px;height: 200px;">
<p id="html" style="line-height: 2em">
HTML称为超文本标记语言，是一种标识性的语言。
它包括一系列标签．通过这些标签可以将网络上的文档格式统一，
使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，
HTML命令可以说明文字，图形、动画、声音、表格、链接等。
我主要用 HTML 来开发 Web 的前端页面，往往不是单独使用 HTML，而是以JSP、Thymeleaf等模板进行使用
</p>
<center>
<h3 id="h2">2、高阶应用</h3>
</center>
<hr style="width: 50%;color: cornflowerblue;border-style: dot-dot-dash;border-width: 3px;">
<table class="table table-hover">
<caption style="text-align: center">编程语言的高阶应用</caption>
<thead>
<tr>
<th>框架名称</th>
<th>所用编程语言</th>
<th>用途</th>
</tr>
</thead>
<tbody>
<tr>
<td>MFC</td>
<td>VC++</td>
<td>
<a href="#mfc">
用于开发可视化应用，典型的 Windows 桌面应用，可以是用户程序也可以是系统程序
</a>
</td>
</tr>
<tr>
<td>PyQt5</td>
<td>Python</td>
<td>
<a href="#qt">
用于开发跨平台的可移植的可视化应用程序，也可以结合一些Python库，进行数据可视化。
</a>
</td>
</tr>
<tr>
<td>Spring Boot</td>
<td>Java</td>
<td>
<a href="#sp">
用于开发跨平台的 JavaWeb 应用，可以是简单的个人网站，也可以是企业级的网站。
</a>
</td>
</tr>
</tbody>
</table>
<br>
<h4 style="color: #007bff">2.1、Spring Boot</h4>
<img src="../static/images/spring.jfif" alt="照片" style="width: 600px;height: 200px;">
<p id="sp" style="line-height: 2em;">
Spring Boot 是一个轻量级的 Spring Framework，让开发者省去繁琐的配置环节，专心于代码从而快速搭建网站后台。
使用 Spring Boot 也可以像原生 Java 一样，编辑没有前端的控制台程序，此时就像是用了一个第三方库那样。而到了需要前端的时候，
Spring Boot 可以很好的支持纯 HTML，Bootstrap，AngularJS 以及如 Thymeleaf 这样的模板页面。比如 Thymeleaf，spring boot
提供了很好的支持；作为优秀的框架，Spring Boot 理所应当地支持数据交互，通常结合 Hibernate 等，可以和后台数据库进行快速而安全地数据交互。
Spring Boot 提供了如 Spring Security、Spring Batch等对企业级开发进行支持。
</p>
<h4 style="color: #007bff">2.2、PyQt5</h4>
<img src="../static/images/qt.jpg" alt="照片" style="width: 200px;height: 200px;">
<p id="qt" style="line-height: 2em;">
Qt 是一个1991年由Qt Company开发的跨平台C++图形用户界面应用程序开发框架。而 PyQt 是 Python
与 Qt 库的成功融合。通过 PyQt5 开发者可以调用 Qt 库开发，桌面应用该有的菜单、按钮、图标、快捷键等等，
PyQt5 都有，与 MFC 框架最大不同的地方就是，用 PyQt5 开发的桌面应用程序具有可移植性，
也就是说可以用 Windows 作为开发者的系统，用户的系统可以是非 Windows 的，这点很好的继承了 Python 可移植性的特点。
此外 PyQt5 与另一个 Python 软件包 qtpandas 相结合，可以起到很好的数据可视化。不过 PyQt5 不能开发可视化的系统程序。
</p>
<h4 style="color: #007bff">2.3、MFC</h4>
<img src="../static/images/mfc.jpg" alt="照片" style="width: 200px;height: 200px;">
<p id="mfc" style="line-height: 2em;">
MFC，是 Microsoft Foundation Classes 的简称，顾名思义，MFC 是一个微软公司提供的类库，
因此主要用 VC++ 作为开发语言，在安装 Visual Studio 的工作负载时与 C/C++ 的工作负载集成在一起。
MFC 里封装了大量 Windows API，并以 C++ 类的形式提供给开发者调用，节省了开发者的大量工作。
使用 MFC 框架可以开发用户程序，也可以开发系统程序，因为框架提供了很多可以调用底层硬件的接口类，
而这个是 PyQt5 所做不到的，因为可以调用硬件，MFC 处理图像相当快速。
</p>
</div>
</div>
</div>
<a href="#head" style='position:fixed;right: 0px; bottom: 500px;font-size: 24px;'>跳到顶部</a>
<div id="foot" class="jumbotron text-center" style="margin-bottom:0">
<p>Copyright &copy;彭友聪 201724073161</p>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或