web程序设计课程体会.docx

1、web程序设计课程体会web程序设计课程体会篇一：WEB程序设计心得 袁龙-WEB程序设计个人心得 这个学期学习了WEB客户端程序设计,对网页制作有了一定的了解，这个学期完成了老师布置的2个项目，我一直做得是前台界面设计，所以对前台比对后台了解些，通过这2个项目的锻炼，我觉得我自己的前台界面开发能力有很大的提高，从最初开始的什么都不会，到现在基本能把前台界面设计的比较好了，自己也对WEB程序设计有了一定的了解，至于后台代码，也有了一定的了解，可能用起来，没有前台熟 说一下自己学习WEB的历程-当曾老师开设WEB程序设计的时候，第一次上课时感觉这课真心高大上，于是一种想学的冲动驱使我开始下决心一

2、定要把这课学好，出色的完成老师布置的项目。于是一个想法在我脑海闪现，老师讲的东西毕竟有限，所以我要发挥自己的自主学习能力，于是开始在网上寻找各种有关教程。找了许多教程，最终在传智播客这个网站上找到了学习前台界面的教学视频，于是开始了我的学习WEB的旅程。首先开始学习的是DIV+CSS，听授课老师的讲述我了解到了下面的知识-网页的设计目前都是应用DIV+CSS或者TABLE+CSS 只是DIV更加灵活点,而TABLE更加传统,而且还是很好用 首先从最简单的HTML语法学起 而HTML语法主要在于对表格和表单的使用 实际上唯一难的就是表格的掌握,因为用表格来布局,需要考虑打方方面面的,而从语言语法

3、来说不难 HTML是标签形式的,所以要灵活嵌标签,可以做出不同的效果,特别是FORM标签里面嵌套TABLE标签可以控制里面的元素排列方式 p来控制一段,没什么特别注意的 span标签用来控制制定的一段字体效果不错 BR好用 然后就开始试着自己通过手动写代码来布局，因为学WEB的最锻炼技术的就是自己手写代码，于是自己通过纯手工代码的形式编写了一个课程表，记得当时编这个的时候足足花了我一天的时间，因为当时什么都不知道，先看了视频教学，然后第二天决定自己动手实践一下，当我第二天做的时候发现，看别人编的时候感觉好简单，当时当自己动手编的时候各种不会，最后经过一天的改啊，终于让我编出来了，瞬间有了点成就

4、感，后来把div+CSS学完了，尽管曾老师讲的是拖控件，但是我学过手动敲代码，于是操作起控件来得心应手，就这样我自己自学了一些东西，其中包括flash,javascript,div+CSS，dom,jquery,ajax等等一些技术，感觉这学期学到了很多东西，其中有老师教的，也有自己自学的，有了这些基础，然后就开始了第一个项目的，图书管理系统，当时我负责的是前台界面，当时参照了一个网站，知道了有母版页这个东西，于是开始自己建一个母版页，在建母版页的过程中也是遇到了很多困难，看着别人做的干觉蛮简单，可是自己做起来，确实失败了很多次，我记得那时候为了建这个母版页，每天都是寝室最晚一个睡得，最先一个

5、起的，在自己的努力下，终于学会了怎么建母版页，并运用于了我们的第一个项目，现在回头想了一下，现在觉得母版页其实挺简单了，就是这样一个简单的页面，对于一个初学者来说也是一个巨大的障碍，现在就说说我对前台布局的一些理解吧 用过都知道 table主要和trtd配合,TR就是行,TD就是单元格,弄清楚位置还是很简单的,特别注意TD在占用行或者列的时候最好能画出整个表格方便来写代码哦.表格还能嵌套表格,可以把位置具体出来哦哦哦 .难点在于设置对齐方式和宽度,老是不容易弄好 DIV是个块,和CSS配合可以达到表格的效果,但代码简单清晰,可是不好掌握.容易引起各种各样的变形,对浏览器的兼容性也有需要提高.

6、form是表单,基本上页面与大家数据互动就是靠这个了.里面填出好用的INPUT标签,改变其TYPE就可以使用了哦没什么难度,就是以后再变成的时候注意ID和数据发送到地方 然后就是CSS哦.前面适合做框架,后面就靠着CSS来具体设置样式和装饰.CSS包含很多HTML标签自己不具备的属性,因此可以得到更多的设置,主要因为是CSS可以把各个元素都看成一个盒装块,可以拥有很多共同属性,这行属性像一个页面样能够很灵活的设置修改.CSS三种链接方式,看具体情况使用. CSS声明一个选择器(就这个名字,没学个的人听了是不知道什么用处的,一点也不好听),然后再大括号里面加上属性和值就好.选择器是重点,因为方式

7、主要有3种.类选择,直接输入标签名字,直接改动标签,一般是比较猛级别的.然后时候类和ID,类可以多个物体共用,而ID是制定特定的元素的.然后配合空格这个父子控制来具体选择.好用,好用,好用哦哦哦. 然后就是CSS的盒装模型,具有共同的外边距边框内边距,这3个属性,弄清楚了就可以随意设置了. CSS控制位置就是用float和定位,这两个都比较麻烦,要多看多试才能理解吧 然后就是CLEAR用好了也能帮忙控制格式哦 然后上面就是我所学的前台界面的设计，后来也有学html5,现在流行的网页设计前台语言，说了这么多前台的再来说说后台，后台的代码包括数据访问主要还是曾老师所讲的那些，做第一个项目时，也是一

8、点都不会，然后和同小组成员在一起做项目的时候，得到了大家的指点说这个可以用datalist来展示，尽管但是还觉得云里雾里，就按照他们说的做了，回去的时候，我用自己做了一遍，发现了它的神奇之处，就这样在半学半做的实施中完成了我们的第一个项目，然后是第二个项目，有了第一个项目的基础，做第二个项目时，少走了不少弯路，第二个项目有用到了数据集的方法，简化了做项目的困难，第二个相比于第一个项目有点很大的难度，我们小组遇到的难题，第一个是学生选课，退课和教师打分，这也是整个项目的灵魂，重点之所在，最开始也是不会，开始各种请教别人怎么做，最后还是完成了老师布置的第二个项目。 经过这一学期对WEB程序设计的学

9、习，我收获了不少东西，首先我知道了一个自学的途径，那就是可以在网络上找视频教程，我觉得这比单纯的看书效果要好，毕竟网络视频里面都是现场给你演示，印象要深刻些，我也从中学到了不少东西，页了解了不少现在的一些常识，然后就是收获了属于自己的知识，这学期我学会了如果制作falsh广告，如何用javascript做出各种绚丽的效果，其中有一个是从别人那里学来的，就是可以用javascript做出烂漫的网页，我觉得效果还不错，现在基本对制作网站的流程有了一定的了解，我这个人不喜欢煽情，所以省略了一些学习的心路历程，通过曾老师WEB程序设计这门课确实学到了不少东西，有老师教的，也有自己自学的，我会把我的这种

10、学习精神带到下学期，期待曾老师下学期的课！ 篇二：Web程序设计学习报告 CHANGZHOUINSTITUTEOFTECHNOLOGY Web程序设计学习报告 二级学院（直属学部）： 计算机信息工程学院专业： 软件工程 班级： 11软件二学生姓名：程一鸣 学号： 11030603 2022年6月 目录 一概述 . 3 二可行性分析 . 4 三实现功能 . 5 四总体设计和详细设计 . 6 五相关设计代码 . 8 六实验心得体会 . 16 一 概述 随着网络的飞速发展和普及，越来越多的 用户习惯上网购物。本系统的主要目的就是为用户提供一个方便的网上购物平台。利用本系统，用户可以直接在网上购物并自

11、己的需要对商品进行浏览、查看。本系统遵循软件工程标准，并按照软件工程规定的流程进行项目的开发。 1999年底，随着互联网高潮来临。中国网络购物的用户规模不断上升。2022年中国网络购物市场延续用户规模、交易规模的双增长态势。2022年中国网络购物市场交易规模接近5000亿，达4980.0亿元，占到社会消费品零售总额的3.2%；同时，网络购物用户规模达到1.48亿，在网民中的渗透率达30.8%（2022-2022中国网络购物行业市场前瞻与投资预测分析报告统计数据显示）。对于一些传统企业而言，通过一些传统的营销手段已经很难对现今的市场形成什么重大的改变了。如果想将企业的销售渠道完全打开，企业就必需

12、引进新的思维和新的方法。而网络购物正好为现今的传统企业提供了一个很好的机会与平台，传统企业通过借助第三方平台和建立自有平台纷纷试水网络购物，构建合理的网络购物平台、整合渠道、完善产业布局成为传统企业未来发展重心和出路。 购物车主要是为广大网上顾客购物的资源平台。购物车主要目标是建设在网上对用户进行信息服务互动平台。 二 可行性分析 （1）系统可行性 网上购物平台主要是对后台管理和前台操作。后台管理是管理员对本网站的维护，通过订单管理（四种订单状态）、商品管理（商品添加、类别 添 加）、会员管理（添加会员）、系统管理（上传管理）等功能达到对网站的管理。前台操作是用户登录到本网站，可以进行用户注册

13、，找到自己想要买的商 品，装入物车，提交定单进行购买。网上购物平台的特点是客户和 商品信息量很大，管理员需要整理的信息很多，为让管理员轻松、方 便、快捷的管理，该平台采用符合购买商品基本的原则，满足广大客 户的日益增长的数量，并达到操作过程中的直观、方便、实用、安全 等要求。 （2）经济可行性 缩短了供货周期，压缩了库存，裁减了人员，于是就可以依据缩短时间的天数和库存物资的减少，以及裁减人员的工资等，使原材料和劳动力资源得到更合理的利用，从而提高了大多数信息化建设项目降低了不少成本，避免了多消耗，减少多管理费用的支出等等。 三 实现功能 1.主要功能：浏览商品、加入购物车、订单管理、商品购买、

14、用户管理等。 （1） 商品信息发布功能 发布销售的商品信息，注册取得授权后可在系统后台随时增添、修改、更新销售商品信息 （2） 网上购物功能 买方先通过登录，成功后浏览商品，可以下订单并且查看自己的订单，随后结账购买。 （3） 订单管理功能 订单下达时会在后台产生订单号、商品号、下单用户账号、价格、总计等。 （4） 用户管理功能 用户可以注册，并在登录时检测账号正确性。 （5） 商品管理功能 管理员可以对商品进行管理，增添新商品或者修改库存等。 2.功能实现流程： （6） 订购。即把所选物品添加到购物车。 （7） 修改。根据自己的需求可以修改已购物品的数量。也可以删除 已选商品。 （8） 显示

15、购物车内所选的物品及单价。 （9） 结算。到购物车里处进行结算。 （10）清空购物车。 篇三：web程序设计课程报告 MyPetShop商城系统分析报告 1、课程作业概述 1.1课程实习的目的 WEB开发技术是一门实用性、综合性较强的课程。学生在学完本门课程后，不仅要了解WEB设计的方法和技术，更重要的是能综合应用所学的数据库、高级编程语言及网页设计的知识，具有实际开发动态网站的能力。本课程设计旨在使学生通过完成一个小型的模拟命题，实现从网站规划、设计和编码的全过程，将理论知识和实践知识相结合，提高学生实际开发网站的动手能力。 1.2课程实习的要求 （1）、分析课程设计题目的要求。 （2）、写

16、出详细设计说明。 （3）、编写程序代码，调试程序使其能正确运行。 （4）、设计完成的软件要便于操作和使用。 （5）、设计完成后提交课程设计报告，课程设计报告内容包括：课程设计目的、设计任务与要求、设计说明书、设计成果和设计心得五个部分，具体要求见设计报告模板。 1.3课程设计任务内容 本课程设计要求学生用数据库访问技术开发一个动态网站，利用B/S结构，能将客户端的用户请求提交给服务器端的程序处理。服务器端程序能完成数据的插入、删除、更新以及将用户请求的查询数据返回客户端。 Mypetshop网站主要用于网上购物，同时系统还要便于管理员对前台的商品信息等等进行有效管理。 该网站具有以下基本功能：

17、 （1）、在前台进行相关商品浏览。 （2）、用户注册登录，登录后就享有会员的相关权利。 （3）、把喜欢的商品放入购物车，以便继续查看更多喜欢的商品。 （4）、网站上还有对全国各城市天气的预报功能，方便你了解天气。 （5）、能进行相关订单的处理。 （6）、具有后台对前台商品信息进行相关管理的功能。 2、详细设计与实现 2.1宠物店网站流程图 按照电子商务网站的一般规划和人们使用电子商务网站的习惯，前台商品浏 览模块主要实现按照各种条件显示、查看商品的前台显示功能。用户使用前台的商品浏览模块的流程如图： 系统功能模块设计图 本网站主要是按照上面的系统功能模块设计图所示的方法进行展开的，每个功能之间

18、有相互的合理连接，有顺序地展开。本网站是在ASP.NET和IIS5.0环境中设计的，数据库用 SQL实现。以下就各个功能进行介绍： （1）、购物车商品浏览功能：该功能主要是为用户提供对商品的浏览和对商品信息的展示，让用户在购物的过程中找到自己合适的商品并且进行下订单、订购。 （2）、在本网站进行购物必须要先注册成为会员，然后才能进行购物，本模块主要是获取用户的信息，然后进行登录、注册成为会员。如果不先注册，就只能在网站首页浏览商品不能进行订购商品。 是 用户登录注册模块使用流程图 （3）、购物车模块，这个模块是每个电子商务站点的基本元素。本系统应用Profile个性化用户配置技术实现购物车模块

19、，允许匿名用户访问购物车。购物车中包括了用户决定购买的所有商品的信息，包括商品编号、商品名称、商品价格、购买数量以及用户的应付总价等。主要功能包括商品浏览、商品删除、清空购物车、重新计算、结算和继续购物等功能。 购物车模版使用流程图 （4）、订单结算模块：主要是商品的结算和提交订单、填写送货地址、和邮编 或者可以选择继续购物等。 订单结算模块使用流程图 2.2用户控件设计 用户控件设计有商品类别列表用户控件，用户状态用户控件，站点导航用户控件，最新商品列表用户控件，商品类别及商品导航用户控件以及天气预报用户控件。 2.1.1商品类别列表用户控件 商品类别列表用户控件由Category.ascx

20、实现，包括一个GridView控件，用于显示商品类别及该类别所有的商品数量，其中商品类别显示为超链接，通过单击商品类别可进入该类别的商品列表页面。 其运行效果如下； 2.1.2用户状态用户控件 包括LoginView、LoginName和 LoginStatus 控件，实现根据不同角色用户 的不同状态显示不同的用户状态信息和可操作菜单。 执行效果如下； 2.1.3站点导航用户控件 包括一个SiteMapPath控件，实现站点导航功能。 下面就是一个当用户访问产品详细信息页面时，站点导航用户控件的效果的例子； 2.1.4最新商品列表用户控件 包括一个GridView控件，用于显示最新商品信息，包括商品名称和商品价格信息，单击商品名称将进入商品详细信息页面。 运行后的效果如下； 2.1.5商品类别及商品导航用户控件