内容摘要
本项目将要设计及制作一个博客类的个人网站,网站分为学习、旅游、宠物、爱豆四个博客大类。访客可以浏览文章和对文章进行评论,还可以给博主留言。管理员可以在后台对网站的数据进行增、删、改。本网站采用HTML5进行页面开发,PHP实现数据的交互,MySQL建立数据库。网站设计及制作过程中所使用到的软件包括但不限于Illustrator (网站界面图片)、Visual Studio Code(代码编写)、MySQL(网站数据库)、Draw.io等等。
本项目中涉及到的工作流程有:前期网站运行环境(包括服务器的搭建,PHP环境设置等),个人网站功能的设计和构思,网站数据库的设计,静态页面的设计和搭建,PHP实现前端和数据库的交互,后台登录的安全性设置。
关键词:HTML5 PHP MySQL数据库个人网站博客类
Abstract
This project will design and produce a personal blog website, which is divided into four blog categories: learning, travel, pets and idol.Visitors can browse and comment on articles,also leave a message to blogger.Administr- ators can add, delete and change the data of website.This website uses HTML5 to d
esign pages, uses PHP to achieve data interaction, uses MySQL to establish a database.The software used in website design and production includes but is not limited to Illustrator (website interface pictures), VisualStudioCode (code writing), Mysql (website database), draw.io, etc.
Work process involved in this project are: Building site running environment ( the construction of the server, the PHP environment Settings, etc.), personal website function design, web database design, building static pages, realize the dynamic development in PHP, login security Settings.
Key words: HTML5 PHP MySQL database personal website Blog
目录
第二章绪论 (1)
1.1开发背景及意义 (1)
1.2选题国内研究现状 (1)
1.3课题研究主要内容 (2)
第三章前期准备 (3)
2.1 HTML5介绍 (3)
2.1.1 发展历程 (3)
2.1.2 新特点 (3)
2.2搭建运行环境 (3)
第四章系统分析 (4)
3.1 网站需求分析 (4)
3.3.1 前台需求分析 (4)
3.3.2 后台需求分析 (4)
学生个人网页html代码3.2 网站逻辑模型 (5)
3.3 数据库设计 (6)
第五章静态页面实现 (7)
4.1 网站文件结构 (7)
源码网站叫什么4.2 首页实现 (7)
echarts 地图tooltip4.2.1 JavaScript导航栏 (7)
4.2.2 CSS文字特效 (8)
4.2.3 jQuery页面滚动元素 (9)
4.3留言页实现 (9)
4.3.1 JavaScript表单验证 (9)
4.3.2 JavaScript生成简单的验证码 (11)
4.3.3 onsubmit阻止表单提交 (12)
4.4 文章列表页实现 (12)
4.4.1 点击返回顶部按钮 (12)
hadoop工程师做什么4.4.2 CSS伪元素制作提示框 (13)
4.5 其他前端展示页面 (13)
4.6 后台系统页面 (14)
4.6.1 Bootstrap网格系统 (14)
4.6.2 后台首页基本框架 (15)
4.6.3 Bootstrap模态框 (16)
第六章实现动态开发 (17)
5.1 留言板动态开发 (17)
5.1.1数据库连接 (17)
5.1.2 表单提交 (17)
5.1.3 留言显示 (18)
5.1.4 后台留言删除 (18)
5.2 栏目动态开发 (19)
5.2.1 栏目修改 (19)
5.3 文章页面的动态开发 (20)
5.3.1 Simditor富文本编辑器 (20)
5.3.2 文章添加 (21)
5.3.3 文章修改 (22)
5.3.4 文章删除 (23)
5.3.5 后台文章显示列表 (23)
5.4 其他页面开发 (23)
5.4.1 评论的添加和删除 (23)
5.4.2 登录和登出 (23)
5.4.3 文章搜索 (24)
第七章登录安全 (25)
6.1 使用Session判断用户登录 (25)
6.1.1 Session工作原理 (25)
6.1.2 判断用户登录 (25)
第八章功能测试 (26)
7.1 前端显示页面测试 (26)
7.2 后台系统操作测试 (26)
第九章总结与展望 (28)
8.1 总结 (28)
虚拟机怎么安装linux系统8.2 展望 (28)
参考文献 (29)
致谢 (30)
第一章绪论
1.1开发背景及意义
如今,随着信息技术的飞速发展,人们足不出户就能知天下,互联网已经成为人与外界交流的重要渠道之一,它的作用渗透到社会的方方面面。而网站作为网络信息主要的表现形式之一,更是在互联网上发挥着中流砥柱的作用。互联网的发展使人们的生活发生了翻天覆地的变化,互联网的世界每分每秒都交织着巨大的信息,如何在此情况下抓住消费者的眼球,社会各行各业纷纷开始搭建属于自己的网站,在网站内企业可以根据自身品牌文化来打造专属页面,从而吸引消费者的来访。
网站是一个集文字、图片、音频等多元化的信息传播方式,比起传统的信息传播方式,人们在获取信息的同时可以感受到更多的乐趣。在计算机技术的飞速发展下,建设网站不再局限于企业和单位,独立的个人也可以拥有网站。这就是本论文所讨论的个人网站了。个人网站是一个可以充分展示个人人格魅力和才能的地方的,越来越多人认为拥有个人网站是一件很酷的事情。于是互联网上的个人网站
数量与日俱增,五彩缤纷的主页让人看得眼花缭乱,每个人都可以在自己的网站上尽情发挥和展示自己的才能。
在技术层面来说,一个网站的页面是由静态网页和动态网页来实现。静态页面我们可以通过HTML5来完成,而动态页面则可以通过Java、PHP、Python等来完成。HTML5是一种专门用于创建网页的标记语言,是开放的Web网络平台的基础,常与CSS和JavaScript搭配使用。近年来,HTML5俨然已经成为当今最主流的网页制作语言了。HTML5采用直观的标准化标记语言简化了网页的设计和构建,且大大减少了网页对于插件的依赖。本次毕业设计的选题就是基于HTML5的直观和便捷,再结合Bootstrap框架使用,我在设计时充分发挥自己的个性。而后台则使用PHP+MySQL来实现和前端页面的交互。
1.2选题国内研究现状
随着互联网的飞速发展,有关互联网的技术也层出不穷。在过去的10年时间里,互联网上的个人网站多如毫毛。但是这么多的网站不可能每个都是美轮美奂,制作精良,而且近年来个人博客和个人网站的潮流也消退了很多。那么现在的个人网站发展现状到底如何呢?
根据上一节说明我们可以知道对于个人来说,创建网站不再是遥不可及的事情,所以个人网站才会出现大量繁殖的现象。那么个人网站的门槛是不是真的这么低呢?是不是每个人都可以搭建个人网站呢?答案肯定是否。下面是我分析出来的近
51单片机c语言编程一学就会1
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论