当前位置: 首页 > 网页作业需求

网页作业需求

电子商务技术应用大作业

 

标题:电子商务技术应用大作业

关键词:电子商务技术应用主题作业,大学生网页作业,DW网页制作作业 

 

 

电子商务技术应用大作业

网站类型:购物网站

网站布局要求:在正上方显示导航栏,设置链接,可以切换不同页面。主页和子页面。主页放上网站海报,显示促销信息。中间位置放一些产品咨询信息。

在左侧布置产品分类区,设置链接,来链接到店铺的产品。同时展示店铺主推产品图片。

css设置要求:body元素内外边距统一设为0,宽度设为100%,颜色设置为#959595,背景色为#eaeaea

Html元素整个网页布局设置为内边距为0,外边距左边为0,其它为自动调整。

网页主标题logo设置 宽度320px,高度为96px,左边距均设为0,其它为自动。

LOGO文字颜色为#90C,大小为38px,设置为居中。

下面文字颜色h2,h3,h4统一设置为#fdfdfd,大小为26px,字体粗细为中等。字体为Arial

网站页面截图(首页)

1.png

1.png

网站首页代码截图

2.png

 

箭头所指的代码实现了超链接的功能

3.png

 4.png

5.png

会员说明

6.png

 


 

会员说明代码截图

7.png

8.png

 

箭头所指之处的代码实现了超链接的功能

9.png

10.png

11.png

 

 

 

 

 

 

售后服务

 

12.png

 13.png


14.png

箭头所指的代码实现了超链接功能

15.png

上面是售后服务网页的代码展示。

 

支付方式效果展示

16.png

支付方式网页代码

17.png

19.png

20.png

对于网站的四个导航栏,都设置了超链接功能,在页面浏览的过程中点击可以在任意一个页面之间进行切换。

21.png

Style.css文件 

第二部分:数据表和内容

22.png

这是数据表界面,所有的商品数据都存在里面。

三、PHP功能展示

23.png

24.png

25.png

26.png

27.png

通过在php文件编写代码,然后在浏览器上展示商品图片 名称 价格 数量。

下面是商品展示界面代码。

用来展示商品界面的功能

<?php

$con = mysql_connect("localhost","root");

if (!$con)

  {

  die('Could not connect: ' . mysql_error());

  }

mysql_select_db("db3", $con);

mysql_query("set names utf8");

$result = mysql_query("SELECT * FROM spb44");

echo "<table border='1'>

<tr>

<th>商品编号</th>

<th>商品名称</th>

<th>商品图片</th>

<th>商品库存数量</th>

<th>商品价格</th>

</tr>";

while($row = mysql_fetch_array($result))

  {

  echo "<tr>";

  echo "<td>" . $row['spbh'] . "</td>";

  echo "<td>" . $row['spmc'] . "</td>";

 echo "<td><img src='" . $row['tp'] . "'/></td>";

  echo "<td>" . $row['spsl'] . "</td>";

 echo "<td>" . $row['dj'] . "</td>";

  echo "</tr>";

  }

echo "</table>";

mysql_close($con);

?>

商品展示界面代码。

28.png

<html>

<body>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<form action="insert.php" method="post">

商品编号: <input type="text" name="spbh" /><br>

商品名称: <input type="text" name="spmc" /><br>

商品单价: <input type="text" name="spsl" /><br>

商品库存: <input type="text" name="dj" /><br>

商品图片:<input type="text" name="tp" /><br>

<input type="submit" />

</form>

</body>

</html>

商品添加界面代码

这个代码执行商品数据添加效果。

php的文件写入功能

在这个界面下添加商品数据,有关商品的数据就能添加到数据库,进行商品展示。

<?php

$con = mysql_connect("localhost","root","");

if (!$con)

  {

  die('Could not connect: ' . mysql_error());

  }

mysql_select_db("db3", $con);

mysql_query("set names utf8");

$sql="INSERT INTO spb44 (spbh,spmc,spsl,dj,tp)

VALUES

('$_POST[spbh]','$_POST[spmc]','$_POST[spsl]','$_POST[dj]','$_POST[tp]')";

if (!mysql_query($sql,$con))

  {

  die('Error: ' . mysql_error());

  }

echo "1 record added";

mysql_close($con)

?>

执行数据添加操作的代码界面。(insert.php

点击提交查询内容。

可以看到成功添加一条商品记录。

29.png

出现这个界面表示已经成功添加到数据库里面了。

四、心得体会

通过这门课的学习,我掌握了不少知识,主要包括php代码和html代码 css样式的编写和使用。知道数据库的使用方式,数据表的创建,以及如何添加数据。还有就是使用php文件展示数据库中数据的方式,在作业中利用数据库添加商品数据,然后使用PHP代码来展示商品数据。知道电子商务网站如何布局和制作,超链接的应用。

在做作业的过程中碰到了不少困难,例如数据表不会创建,在使用phphtml的时候不熟练,代码布局有错误,导致不能够成功在浏览器上显示。

碰到问题后我找老师和同学求助,在他们的帮助下,我成功解决了全部的问题。我深刻地体会到,在做事情碰到问题是正常的,但在碰到问题的时候,不能够逃避,要积极面对,先自己想办法,实在不行就求助,求助并不可耻,但是如果不懂装懂对于自己没有任何益处,只会延误问题的。

这门课虽然结束了,但是对于我来说是受益匪浅,学习到的知识在将来的工作中也很可能用到,未将来工作和学习打下坚实的基础。