个人网站建设程序作业-作业1 福建大学刘云辰网站设计与建设网上作业作业

1-2. 网站、主页、封面、网页之间有什么关系? 网页:又称网页,是通过浏览器听到的每一张图片,其中包含大量的信息,如文本、图像、动画和声音等。 网站:又称站点,是指在互联网上组织、规划一组网页,将它们相互连接起来,并发布出来,使这些网页上的信息可以在互联网上看到。 这个完整的结构称为站点。 一个网站对应一个文件夹,文件夹中还可能包含各种子文件夹个人网站建设程序作业,网站中的所有信息都会放在这个文件夹或其子文件夹下。 主页:主页是用户进入站点时看到的第一个页面,是站点目录的总索引。 主页实际上是一个网站的入口点。 1-3. 网络媒体和传统媒体有什么区别? 网络媒体与传统媒体有着本质的区别:(1)网络是丰富多彩的多媒体。 网络媒体的设计与传统媒体有很大不同。 Web除了文字之外,还包括图片、声音、动画等,但这种图文并茂的信息是在屏幕上显示的,所以它的缺点是屏幕小,每个屏幕上显示的信息较少个人网站建设程序作业,它可以同时显示多种媒体信息,并且具有非线性信息组织的特点,因此报纸、电视、宣传册等传统媒体的信息无法在网页上模仿。

(2)传统媒体如彩色印刷媒体本质上是线性的,而网络是非线性媒体,用户可以随时跳转到其他网页或网站。 传统媒体是逐行、一页一页地阅读信息,需要按顺序阅读。 而网络媒体允许用户超链接到本网站的其他网页或其他网站的网页,用户可以随时跳转到其他网站或网页。 (3)网络媒体的一大特点是互动性。 如聊天、博客(部落馆)、BBS、网络游戏和电子商务等。浏览客户和网站可以进行互动,这是传统媒体所不具备的,这大大降低了用户访问网站的乐趣,建立了新的网站体验。为人们带来无限乐趣的交流平台。 (4)网络媒体可以提供个性化信息。 即互联网可以提供一对一的媒体服务和客户需求信息。 网站会根据浏览的客户信息和需求,为客户提供定制化的个性化信息。 浏览客户可以决定何时访问信息以及在何处访问信息。 这与传统媒体的传播信息模式完全不同。 普通媒体的概念已经不再适用于网络媒体。 (五)网络媒体通过主动形式获取信息。 主动、交互地获取信息与被动接收广播信息有着本质的区别。 传统媒体被动获取信息。 对于传统媒体来说,人们只能被动地观看内容,没有主动获取信息的能力。 然而,通过网络媒体,人们可以随时主动订购自己需要的信息。

(六)网络媒体可以平等获取和发布信息。 在互联网上,你可以发表自己团队对问题的想法,但传统媒体不行。 如留言簿、博客、个人网站、在线调查等。 (7)网络媒体可以即时交换信息。 如电子邮件、聊天、网络游戏等。 (8)网络媒体具有提供电子商务的能力。 通过互联网电子交易可以完成金融、商品、服务、信息等价值交换,各种商业活动可以快速有效地开展。 传统媒体不可能完成各种交易活动。 (9)网络媒体还具有强大的信息搜索能力。 网络信息已经成为互联网信息的海洋。 如何从浩瀚的信息海洋中获取所需的信息是网络技术研究的重要课题。 谷歌、雅虎、百度等搜索引擎为人们提供了在互联网上搜索信息的途径。

目录标题

视频显示

javaWeb作业-蛋糕采购系统

1 实验目的及要求

目的:学习JavaWeb的基础知识,掌握servlet和jsp的必要知识。 培养构建实际项目的能力。

2 需求分析 2.1 问题陈述

随着互联网的普及和发展,网上购物逐渐成为一种主流的消费形式。 以其方便、足不出户、款式全面、价格低廉、送货上门方便等优点被誉为人们购物的首选。 主要形式,在迎合互联网大趋势的情况下,经过多方调研需求,现推出在线面包采购系统,满足个体面包店打造自主品牌的需求。

2.2 功能需求分析

实现管理员对商品和用户的主页的分类、删除、修改、信息编辑、商品搜索和热门推荐。 以及用户对自身信息的修改和物品的购买。 再加上用户的登录注册功能。

3 总体设计 3.1 功能照明设计

3.2 模块介绍

系统分为用户和管理员两个主要模块。 对于用户模块来说,进入网站首页时,用户可以先浏览店铺信息黑马程序员网站,在商品类别上搜索商品类别,或者浏览热销款和新品,然后将想要的商品添加到购物车并下订单 检查上面的付款方式。 对于管理员模块来说,不仅可以执行与用户部分相同的功能,还可以进入后台管理模块,进行订单管理、客户管理、产品管理、品类管理和退出。

4 详细设计 4.1 主模块详细设计

主模块主要包括两部分,一是用户的相关操作,二是管理员的相关操作。对应七张数据表的完善

同时为orderitem、recommend、shoppingcart设置相应的字段和索引来关联表之间的关系。

对于程序的界面设计,我主要利用bootstrap框架的导航栏来相应添加管理员和用户所需的模块。

界面设计将导航栏设置在页面底部,方便操作:

对于用户操作和管理员操作,都需要登录才能了解。

主程序流程图:

4.2 子模块详细设计

以管理员模块为例详细说明:

数据存储设计:

在user表上设计一个元素isadmin来判断是否是管理员

以下是主页上商品推荐表的设计示例:

界面设计:

点击后台管理后:

程序流程图:

5 编码和测试 5.1 编码

使用C3P0连接池配置与数据库的连接:

<c3p0-config>
	<!-- 默认配置,只可以出现一次 -->
	<default-config>
		<property name="driverClass">com.mysql.jdbc.Driver</property>
		<property name="jdbcUrl">jdbc:mysql://localhost:3306/cakes?useUnicode=true&amp;characterEncoding=utf-8&amp;useSSL=false</property>
		<property name="user">root</property>
		<property name="password">root</property>
		<property name="initialPoolSize">10</property>
		<property name="maxIdleTime">3600</property>
		<property name="maxPoolSize">20</property>
		<property name="minPoolSize">10</property>
	</default-config>
</c3p0-config>

显示用户订单:

Servlet;
@WebServlet(name = "goods_buy",urlPatterns = "/goods_buy")
public class GoodsBuyServlet extends HttpServlet {
    private GoodsService gService = new GoodsService();
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        Order o = null;
        if(request.getSession().getAttribute("order") != null) {
            o = (Order) request.getSession().getAttribute("order");
        }else {
            o = new Order();
            request.getSession().setAttribute("order", o);
        }
        int goodsid = Integer.parseInt(request.getParameter("goodsid"));
        Goods goods = gService.getGoodsById(goodsid);
        if(goods.getStock()>0) {
            o.addGoods(goods);
            response.getWriter().print("ok");
        }else {
            response.getWriter().print("fail");
        }
}

订单确认部分:

@WebServlet(name = "order_confirm",urlPatterns = "/order_confirm")
public class OrderConfirmServlet extends HttpServlet {
    private OrderService oService = new OrderService();
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        Order o = (Order) request.getSession().getAttribute("order");
        try {
            BeanUtils.copyProperties(o, request.getParameterMap());
        } catch (IllegalAccessException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        o.setDatetime(new Date());
        o.setStatus(2);
        o.setUser((User) request.getSession().getAttribute("user"));
        oService.addOrder(o);
        request.getSession().removeAttribute("order");
        request.setAttribute("msg", "订单支付成功!");
        request.getRequestDispatcher("/order_success.jsp").forward(request, response);
    }

订单确认的jsp页面部分:

<div class="cart-items">
		<div class="container">
			<h2>确认收货信息</h2>
			<form class="form-horizontal" action="/order_confirm" method="post" id="payform">
				<div class="row">
					<label class="control-label col-md-1">收货人</label>
					<div class="col-md-6">
						<input type="text" class="form-control" name="name" value="${user.name }" style="height:auto;padding:10px;" placeholder="输入收货人" required="required"><br>
					</div>
				</div>
				<div class="row">
					<label class="control-label col-md-1">收货电话</label>
					<div class="col-md-6">
						<input type="text" class="form-control" name="phone" value="${user.phone }" style="height:auto;padding:10px;" placeholder="输入收货电话" required="required"><br>
					</div>
				</div>
				<div class="row">
					<label class="control-label col-md-1">收货地址</label>
					<div class="col-md-6">
						<input type="text" class="form-control" name="address" value="${user.address }" style="height:auto;padding:10px;" placeholder="输入收货地址" required="required"><br>
					</div>
				</div>
				<br><hr><br>
				<h2>选择支付方式</h2>
				<h3>支付金额: ${order.total }</h3><br><br>
				<div class="col-sm-6 col-md-4 col-lg-3 ">
					<label>
						<div class="thumbnail">
							<input type="radio" name="paytype" value="1" checked="checked" />
							<img src="images/wechat.jpg" alt="微信支付">
						</div>
					</label>
				</div>
				<div class="col-sm-6 col-md-4 col-lg-3 ">
					<label>
						<div class="thumbnail">
							<input type="radio" name="paytype" value="2"  />
							<img src="images/alipay.jpg" alt="支付宝支付">
						</div>
					</label>
				</div>
				<div class="col-sm-6 col-md-4 col-lg-3 ">
					<label>
						<div class="thumbnail">
							<input type="radio" name="paytype" value="3"  />
							<img src="images/offline.jpg" alt="货到付款">
						</div>
					</label>
				</div>
				<div class="clearfix"> </div>
				<div class="register-but text-center">
					<input type="submit" value="确认订单">
					<div class="clearfix"> </div>
				</div>
			</form>
		</div>
	</div>

5.2 测试

6 总结与建议

通过这门课程的学习,我掌握了一项可以用于就业的技能黑马程序员网站,这无疑为我进入社会更好的生活提供了保证。 这次实验作业也让我清楚地认识到,独立完成一个系统网站需要大量的知识积累,而不仅仅是简单地学习这门课程,比如在网站的后端设计中,css样式和jquary等。本书的应用暴露了自身的弱点,在这方面的编写中遇到了很大的困难。 而除此之外,前端也暴露出了很多问题。 例如,设计模式的不成熟可能会导致项目后期维护不方便。 认识到这种问题后,我会积极补救,积极弥补自己在之前学习中的不足,提高自己的编程能力。

点击直接发送信息

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 网站程序 个人网站建设程序作业-作业1 福建大学刘云辰网站设计与建设网上作业作业 https://www.wkzy.net/game/139188.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务