本文介绍了如何搭建一个个人博客，前端使用HTML、CSS和JavaScript，后台使用PHP和MySQL。内容包括前端界面设计、数据库交互、登录注册、文件上传下载功能，以及后台管理系统实现。
前言
搭建项目要实现的是个人博客，前端实现博客界面的展示。采用了HTML+CSS+JS的方式搭建。
项目目的
该项目要实现的是个人博客，前端实现博客界面的展示。
后台实现管理博客，添加博客文章，注册和登录，文件上传等功能。
源码：https://pan.baidu.com/s/1xSlK1RdW4sMWv2bN5_CY1Q 提取码: 565s
项目内容
项目内容：
前端：
包括了基本是HTML标签，例如div、li、p、img、ol、li、a等标签。
css样式的设置，JavaScript的应用，如轮换图。以及bootstrap的框架使用。
后台：
实现了登录与注销账号，注册账号，与数据库的互联，并且添加数据或修改已有数据到数据库中。
验证是否登录使用了session。
支持文件的上传与下载。
项目过程
前端：
这里不会放过多详细的css样式代码，不然会显得本篇报告内容过于冗余。具体代码我会放在文章开头，需要查看的话可以自行下载。
首先通过代码读取数据库的博客标题和内容，传入到数组中以供后面使用。
设计总体布局，前台页面总共有三大div，分别是导航栏，左侧文章内容，右侧网站介绍等。如图所示。
首先设计的是最上端的导航栏，其中左侧是博客名字，调用的是数据库里的信息。
然后是右侧的标题栏，也是用了a标签，鼠标覆盖到上方会变色。然后点击登录会跳转到后台管理系统。
左上方的图片运用了JavaScript样式，实现图片自动轮换以及点击切换的效果。
以下的部分代码的展示。
左侧文章推荐，是在html里嵌套了php代码，
读取了数据库中的文章数据并调用。并且实现单击文章标题，能够跳转到详情页。这个详情页面没有详细设计，只是简单的设计了一个能够看见文章内容的页面。
网站图片如下：
最低0.47元/天 解锁文章
扫一扫
213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
