在开始本教程先,请确保已经导入项目并能在网页中显示
导入项目参考http://t.csdn.cn/Bl0JX
一、修改首页顶部
首页效果如下
在项目文件中找到head.jsp文件,在右侧的布局文件代码中修改首页的文字和首页logo
修改logo时,新建一个文件夹,将原来的文件夹资源复制进去,重启eclipse,让文件导入进去,然后再改代码即可成功修改
修改后如下所示
二、修改导航栏文字
三、修改公告内容
在数据库中打开notice表,修改内容即可,修改前复制粘贴出来看看格式,对着修改。
以下为Navicat中数据库表内容
四、修改所售商品
在数据库中找到products表,将原本内容全部替换也可,imgurl列中写入图片地址路径
图片资源文件在项目中直接新建,或找到项目文件夹位置,在里面新建。建立完文件夹后,有可能不会立即显示文件夹在项目中,重新打开eclipse即可
如果图片地址输入正确,资源文件在项目中显示正确,打开浏览器却无法显示修改后的图片,是编码问题,请看第六步
五、修改最底部
六、乱码问题(放入图片不显示)
正确的显示效果
乱码效果
解决方法:搜索导入项目乱码问题之类的,反复试过之后无法解决,原因暂时未知。将路径标签中的中文改成英文或者拼音就可以正确显示了