web课程设计总结

半腔热情 提交于 2019-12-06 12:08:00

阶段的总结,是进步的一大助力,现在总结下课程设计。

第一个网站:基于PHP的购书网站

现在感到网站的本质是:数据的流动。

网站一开始,完全不懂后台,所以就只做了前台先。

做前端,就是html,CSS,javascript,jQuery。

在这个过程中,接触到了很多库,框架,js插件。

比如bootstrap,boostrap是响应式的,当时第一个接触的东西,感觉好强大,响应式的,有好多模块可以自己任意添加,顶部,按钮,图标等等,对样式的控制也很难。但是以我现在对bootstrap的认识,做不出很炫酷的页面。所以,本网站就用bootstrap只做了个顶部。

做了个顶部,就很难再用bootstrap做下去。网站是分为好多个部分的。每个部分的样式也不一样,关键是把几个部分凑起来。

之后接触到js插件(即大多是JQ插件),发现了很多JQ插件的网站,感觉好厉害,‘封装’这个词不错。封装好的JQ插件,拿去组装网站就行了,都有参数说明,很棒,我看到了很多网站的特效,有图片轮播,导航,菜单,弹出层,对话框等等,好多好多。最后,看到一个全屏滑动的插件,好炫酷,就拿来用到本网站了。

有了顶部,有了这个全屏滑动的菜单,接下来,自然的想到了,购物网都有的左边的菜单。

我就又到JQ插件网站找菜单,但是,几乎全部是包含了顶部的,而除这之外,有的我不会用的,那么问题来了。我不想放弃之前花了很多时间的bootstrap顶部,再加上,我这样组装网站的最致命的问题:样式的问题。因为每个插件都有自己的样式,而且有的命名还可能会重复的。很乱。而且,你要是想插件包含插件,或者想在插件上加点模块,真的很难很乱。但是没办法,都做到这里了。花了那么多的时间,也算是次经验吧。

我想,唯有自己写个菜单了。于是我参考下载的JQ菜单插件,写了个菜单,其中学了点JQ动画,还由于是在全屏滑动JQ插件里面添加的,样式问题,调了好久。

再后来,在网页的第一页和第二页添加了两个不同的图片轮播,都不错。(全屏滑动JQ插件,网站分为4页)。

剩下第3、4页,但是,总不能全都做个图片轮播。第4页是写媒体合作预定的,写几行字说还没有媒体合作算了。那么还剩下第3页。也只有一种方式了,就是展现几个(10个吧)商品(哦,是10本书。),然后给个‘更多’链接就行了。就用10个div+JQ动画搞定。(这里用的动画就是,当鼠标滑动到这个页面是,10个div,上下两行,上行从左边滑进,下行从右边滑进。)

还有一个,首页点开时,顶部下的一个动画,是模仿一个JQ库网站的,感觉不错。

那么这样一来前端的东西就完成了。

之后,因为不懂怎么后台不知道怎么做下去了,还有其他科目的考试等等,停了很长时间。在这段时间里,发现了很多前端的网站,还有网页的数据拼装,还有CSS的框架等等。

后台的完成完全是被时间逼的。

前面说到,网站的本质是数据的流动。

网站的数据,那自然是要做数据库了。而数据的流动,一个是用户的注册,商品的销售数量,评论等等;一个是后台管理员的管理后台,其中最重要的添加商品,甚至添加分类等等。

经过考虑,我还是选择了一步步来。因为之前有数据库的设计检测,表间有什么联系等等,之前老师的检测是糊弄过去了。随便用pdshell15建物理模型,建几个表,随便拉表间的关系线,但是,这些是不能拿来应用的,或者说是应用不了的。(后来我完成了网站,几个表也没设什么关系,都是各自增删改查的,嗯,可能是还没用到哪些功能吧,所以不用表间什么联系)

 

首先是做登录注册,这里我只是做用户的,没做管理员的。当时也没管那么多。

去JQ插件网逛了下,哪些表单验证插件都不满意,之后下载个,自己修改。

登录注册,这里涉及到了很多。登录:不能为空,数据库连接,sql查询,cookie,sql防注入,用户名格式(我没有做多种方式登录,只做了用户名登录,没email登录等等),ajax,页面跳转,session,验证码等等。注册:不能为空,数据库连接,sql查询,sql防注入,用户名格式(正则表达式),email格式(正则表达式),session,实时检测用户名有没有重复(用onkeyup),验证码等等。

剩下的,模糊搜索(我直接用了sql语句的模糊搜索),分类页面,商品展示页面,购物车页面,订单页面(没写),后台管理(时间原因,没写)都是数据的增删改查。

还有,网站的logo。


网站的组装:

比如:include  ‘commontop.php’

例如:你每个二级页面都包含了顶部导航和菜单,那么你没个页面都再写个导航和菜单吗?显然不可能,那么自然而然的想到要将这些部分封装起来,写到一个独立的php里面,要用的时候就include。(这里说明下,除了include还有include_once,require,require_once,看需要用哪个)

如:在showbook.php里面include ‘commontop.php’;include ‘commonleft.php’;

include ‘conn.php’;等等。

数据库连接最好封装起来,封装到conn.php里面。

 

Session的使用:

在使用session前要初始化先,在php文件顶部session_start();

还有session的注销等等。

每个商品都有一个独有的网址:

其实,这个是在商品展现网页showbook.php后面加了“?+’变量名’+’商品ID’”。

比如 href=”showbook.php?book_id=<?php echo $book_id ?>

而目标网页则用GET来获取book_id。即$_GET[‘book_id’]

页面间的数据传递:

post,get,session,cookie,ajax等等,

submit,button+函数,href,location.href等等。

 

js与php变量相互传递:

这个很重要!很多功能和BUG都是因为这个!

php网页的数据拼接少不了这个!

Js与php是能相互传递变量的,具体可以搜索下。

本网站只要用的是将php变量的值传个js变量:

<?php $value=”购书”?>

<script>

      var  str=<?php echo $value?>;

      alert(str);

</script>

还有,上文提到的页面跳转也用到:

href=”showbook.php?book_id= <?php echo $book_id ?>

 

数据库的小技巧:

如:限制拿查到的前几个数据,用limit。等等~

 

在index.php页面直接查找数据,然后用

<?php

While($data=mysql_fetch_array($res)){

           $book_id=$data[‘book_id’];

           $book_img_$data[‘book_img’];

?>

 

<div>

<ahref="showbook.php?book_id=<?php echo $book_id ?>"><imgsrc="images/<?php echo $book_img ?>"></a>

</div>

 

<?php

}

?>

这样来拼接页面数据。

这样会生成好多个有不同动态数据的div,嗯。

还有,用图片来代替效果!这招赞!

还有前端的样式问题,确实的麻烦,要调很久;绝对定位,z-index,float的应用等等。

云平台:新浪云,百度云,阿里云等等,网上有教程,我用的是新浪云,上传应用,因为我把数据库连接封装出来了,所以很简单,只是调下数据库的连接就行了,不过,这里很怪,搞了很久,最后只是把数据库连接的两个函数的两个参数调换下位置就行了。

到这里,总结得差不多了,遗憾的是网站很多功能都没时间去实现,如排行榜,收藏商品,后台管理,响应式等等,也没有用到php模板smarty。总的来说,还是学到了很多的。

要去考研了,怕时间长忘了,所以写了这个总结。

附上网址:

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!