一个博客项目_叫你如何按照自己的想法快速编写java毕业设计视频讲解1

个人博客制作如何写代码1

直播制作java的网站，如何从一个静态模板开始制作
一、首先下载模板
静态网站的模板可以到百度上搜索，这里就不展示了。
打开就是这个静态模板，我们如何用java把他制作成一个动态的
这个是myeclipse10.0版本的java开发工具，数据库我们选用mysql

二、开始制作
1、首先创建一个空的项目
2、具体软件开发配置什么的操作，可以查看其他相关视频，这里就直接演示了
3、这个就是起步最简单的创建项目，发布项目，然后网页就可以访问了。
4、接下来我们把静态文件放到里面去
5、我们把css文件，js文件放到一个文件夹中去（为什么要这样？项目可能涉及到多个样式，这样好分类区分，养成良好的习惯）
6、接着把html文件放进去
7、这个开发工具问题，可以暂时不理他
8、这样就可以访问发布到tomcat服务器上的静态页面了

9、这样是样式没有引用对，我们把他放到了文件加下，所以只要改相应的地方就可以，接着往下看
10、这里介绍一个很好用的工具，也是基本工具了，就是F12这个按钮，这个每个浏览器都自带的，可以查看网页的整个属性，
11、错误是因为没有bak的，所以需要加上层级
12、剩下的是图片，我们暂时不弄，静态文件发布到服务器就可以访问了，现在我们要把它改成java的jsp，就是html变成jsp
13、整个网站，网站的标题，网站的导航栏，网站的底部都是可以共用的，所以我们建立了一个inc文件夹， 专门放共用的jsp文件，
14、jsp文件之间是可以互相引用的，这样，每个页面引用公共部分就行了
15、这个tag.jsp文件，内容就是这样，基本可以固定内容，需要的话可以再往里面加，解释下
<!-- 基本的编码，必须的-->
<%@ page language="java" pageEncoding="UTF-8"%>
<!-- 去掉jsp中标签引起的空格，影响百度seo-->
<%@ page trimDirectiveWhitespaces="true"%>
<!-- c标签，jsp最基本的，不懂可以暂时不管，就理解成必须要的-->
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!-- fmt标签，也是最基本的，格式化数据用，例如把日期格式化成时间-->
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!-- 这个详细讲解下，pageContext.request.contextPath 是上下文路径，就是你服务器发布的项目的路径，有了，这个我们写jsp，就不用每个都用 
../resource/front/js/lazysizes.min.js 这种写法了，因为如果哪天这个网站改名字，或者改域名，那你不是要每个文件都去改一遍，肯定不行的
这个就是提取公共路径，到时候不管网站域名改了，还是项目名称改了，他都自动对应的，你理解成用了这个自动匹配就完了
-->
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

 

这个就是引用公共方法
<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="inc/tag.jsp"%>

16、我们把html所有代码都拷贝过来
17、修改了标签，需要重启下服务器（当然有方法可以不需要重启就行，这个是开发工具配置问题，有需要可以自己百度，重启下也无所谓）
18、因为index.jsp文件不在文件夹下了，所以不需要../
19、这样一个html变成jsp就好了，接下来改路径，ctx就是我们配置好的
20、加上这个不管项目如何变动，他都自动找到对应的路径了
21、我们把图片也对应的改下
22、聪明点，不要一个个改了，用替换的方式，ctrl+f 跳出替换面板
23、全部替换
24、这样就全部ok啦！！！，我们看到顶上有个圆圈圈还在转，说明网页没有加载完成，说明有的地方访问不到，都可以用f12,调出强大的页面控制器
25、这样就完全好了，刚才的是这个模板调用twitter的插件，我们网络访问不到所以一直转圈圈
26、接着把公共部分提取出来，比如头部的
27、像我一样，把认为是可以提取的，就把他做成公共的提取出来 <%@include file="inc/head.jsp"%> 这种方式引入
28、还有需要把图片logo也做成公共的，
29、如果需要把这个滚动条也做成公共的，也加进去就行了，一个原则，同层级的可以放在一起(jsp中，html不同层级也可以放一起的，主要是页面不美观，个人观点)
30、那三个就固定就行了， 后台查询了数据，一个ie个展示
31、hotnews不要了，这个模板太复杂，我们整写基础的先用，反正后期需要的话可以再加上去
32、faceboOk也没有，也可以删了
33、这个操作也是f12，快速找到对应代码，是不是很有用
34、好了，我们留这么多内容进行制作网站
35、这样代码是不是很整洁呢，结构又清清楚楚
36、找到这样重复的块，只需要一个，因为这些数据都是从数据库中读取出来，后台再传过来，循环展示的，所以我们只需I要一个例子，到时候遍历展示即可，
这样代码更简洁了
37、这个是是全尺寸自适应的网站，比较漂亮了，所以有些代码是要多写一点的
38、<%----%>这个是注释，强制注释，包裹任何想要隐藏的东西
39、底部的foot也修正下
40、好了，首页基本完工，接着做详情页面，详情页面就比较快了，公共都提取了，只要内容放进去就可以了
41、把相应的公共代码放进去就可以了
42、我们发现，右边模块是共用的，可以做成一个，
43、你看，是不是很简单了，然后把详情页修正下
44、这个详情页面的留言，我们就把它做成匿名留言，然后管理员可以回复
45、好了，一个博客基本成型了，接下来制作后台代码， 然后把内容输出到这个jsp页面即可，一个java的完整的博客论坛就好啦！！！！是不是很简单
这个录制也就1个半小时。估计5个小时内就可以制作一个完整的java版本前后台博客了。下一个视频录制，我看看拼接在一起