经过了几个月的学习时间与团队的磨合以及一系列的困难之后,我们mvp小组一起完成了这个项目,内心也是十分激动和有成就感的。其实一开始基础并不好,很多都不知道,但是通过在慕课网上的学习以及老师严厉地督促下我们组员们都在一起努力地完成着任务,每周都定时开会讨论着任务的进行。我主要在这个项目中和另一位同学负责着前端的编写,我主要编写了后台管理系统中登录注册页面以及欢迎界面。登陆注册页面除了用了css,html完成了简单样式内容的编写之后,我还用到了js来完成用户合法性输入的检测,即正则表达式来匹配,虽然后面后台的同学把这一部分代码删除了移到了后台,但是自己还是从中学习到了很多。然后那个欢迎界面其实也是充满了波折的,我原本是写了一个比较简单的,但是后来觉得不满意就重新写了一个。这个界面主要包含了解决方案,产品,成功案例,关于我们,近期动态这几个大部分。其中用到了js来完成轮播图的效果的实现,在产品里面商品的售卖页中用到了js来实现商品放大效果,用到了jquery中的fly插件实现了点击购物车按钮一个商品小图片飞到旁边购物栏的效果,这些都是参考了电商网站效果的。团队介绍中用了iconfont矢量图形图标,这个用起来真的很方便,它会随着屏幕的大小自动改变自己的大小且不会模糊,就像字体一样来控制。总而言之,通过这次项目自己对于前端页面的设计与编写都大致熟悉了并且有了一定的体会,而且也学会了与后台同学的连接与沟通,这样子既学到了技术又提高了自己的 沟通能力,真的是收益颇丰啊,希望自己以后可以继续提高自己的技术,并且坚持不懈地走下去,同时也感谢老师对我们的严厉督促与监督,这样我们才有更大的动力去完成项目。其中css代码主要是用到了css2,css3没有怎么用到。css中的许多属性十分有用,可以通过它们对html中的网页内容添加并设置其字体样式、字体大小等设置,还加强了用户交互的效果,其中设置背景图片用background属性就可以了十分方便,在添加图片之前还要记得把图片进行压缩这样在图片加载的时候就可以更加快速了。除此以外,主要用form表单进行向后台数据的传输,input设置用户输入信息的类型、内容。

自我评价:优

理由:1.在项目中贡献较多,态度端正积极。

2.前端页面设计较好,并且能实现一般界面的前端编写。

3.运用了html,css,js,jquery等现在流行前端技术。

4.求知欲强,不懂的自己在网上自学并且和同学老师交流,耐心好,不轻易放弃,注重团队合作。

5.了解很多流行技术并运用iconfont,网站性能优化,与后台数据顺利得衔接。

github地址:https://github.com/xiangbaobaojojo/car

以下是项目中的部分界面展示:

团队项目(MVP------新能源无线充电管理网站)(总结)的更多相关文章

  1. 团队项目(MVP------新能源无线充电管理网站)(个人任务3)

    现在我们组的项目已经完成了,之前做的欢迎界面已经废弃掉了,于是我重新制作了一个欢迎界面,主要是分为了团队介绍,充电商品的介绍,现在充电新闻的发展,解决方案,成功案例.其中产品里面又有两个商品的售卖页, ...

  2. 团队项目(MVP------新能源汽车无线充电管理网站)(个人任务1)

    个人任务:1.设计问卷调查了解电动车目前的市场需求情况 2.收集问卷,并且进行总结和分析 3.后台管理系统界面的登录和注册界面的编写(主要用到html,css,javascript,其中用户的合法性检 ...

  3. 团队项目之NABC

    Time:2013-10-22 Author:wang 一个成功的人,总是知道如何管理自己的时间,如何让自己的时间得到最充分最有效的利用.对学生一族而言,课业负担重,各种课程.各种活动.各种社团,如果 ...

  4. TFS - 使用微软测试管理器实现跨团队项目的测试用例管理

    在团队项目之间实现测试用例和测试计划的共享,是很多客户关注的问题.尤其在开发产品+服务的团队中,对测试用例的共享要求比较高.下面就如何在Team Foundation Server中如何实现团队项目之 ...

  5. yousa_team团队项目——兼职平台网站 工作进度

    4月31 初步设计网站界面,功能以及数据库关系图 网站包括登陆注册界面,商家和学生都有个人主页,查看兼职信息界面和反馈界面,管理员有查看反馈界面,查看兼职市场,管理后台界面 登录注册界面实现用户的登陆 ...

  6. Tomcat 配置 项目 到tomcat目录外面 和 域名绑定访问(api接口、前端网站、后台管理网站)

    先停止tomcat服务 1.进入apache-tomcat-7.0.68/conf/Catalina/localhost(如果之前还都没有启动过tomcat,是不会有此目录的,先启动一次再关闭,会自动 ...

  7. 使用Axure管理团队项目以及分享原型

    第一部分:使用Axure管理团队项目 首先,你要有一个Axure账户 呵呵哒.注册地址:http://share.axure.com 发起团队项目 在浏览器登录 Axure share(网速很卡很卡) ...

  8. 使用Axure管理团队项目图文教程 团队协作操作步骤

    Axure RP团队版和企业版都支持团队协作,可以创建和管理团队项目,即多人共同创作一个原型.本文通过图文教程的形式,讲解了如何基于Axure Share服务创建和管理团队项目.因为Axure Sha ...

  9. [BI项目记]-搭建代码管理环境之创建团队项目

    此篇主要介绍如何基于TFS环境创建团队项目来进行项目代码的版本管理工作,这一系列将侧重于BI项目,当然对于其它项目也同样适用. 在TFS里开始一个项目,我们首先需要创建一个团队项目. 在Team Ex ...

随机推荐

  1. vue项目初始化时npm run dev报错webpack-dev-server解决方法

    vue项目初始化时npm run dev报错webpack-dev-server解决方法 原因:这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好webpack-dev- ...

  2. 【 记忆网络 2 】 End-to-End Memory Network

    继上一篇:Memory Network 1. 摘要 引入了一个神经网络,在一个可能很大的外部记忆上建立了一个recurrent attention模型. 该体系结构是记忆网络的一种形式,但与该工作中的 ...

  3. Python 面向对象介绍

    面向对象,面向过程 面向对象引子 人狗大战,人与狗都有不同的特点,如果要写出这两个不同角色 需要写出两个角色,可以使用嵌套函数,函数内在写入函数,然后通 过字典,将里层函数reture出来,在调用. ...

  4. Python引用拷贝赋值

    先安利一个网站,对学习编程很有帮助:http://www.pythontutor.com/ 可以逐行可视化执行代码,具体自行体验啦 这个网站也是我在看别人的博文时候找到的,也先贴上别人的理解吧,我觉得 ...

  5. VOC标签转化为YOLO标签

    参考darknet自带的voc_label.py import xml.etree.ElementTree as ET import pickle import os from os import l ...

  6. CEF 跨域访问iframe

    转载:https://www.cnblogs.com/wxxweb/p/3738696.html 在CefBrowserSettings也就是_cef_browser_settings_t结构体中,有 ...

  7. FSMC_LCD

    1. TFT-LCD(Thin Film Transistor Liquid Crystal Display)[薄膜晶体管液晶显示器] 2. 液晶 物质在熔融状态或在溶液状态下虽然获得了液体物质的流动 ...

  8. jquery easyui的应用-1

    下载地址是: www.jeasyui.com/download 当前版本是1.6.7 是由 jquery ui 扩展而来的. 像jquery ui, bootstrap, jquery easyui三 ...

  9. easyUI使用datagrid-detailview.js实现二级列表嵌套

    本文为博主原创,转载请注明: 在easyUI中使用datagrid-detailview.js可快速实现二级折叠列表,示例如下: 注意事项: 原本在谷歌浏览器进行示例测试的,url请求对应的json文 ...

  10. Qt 程序获取程序所在路径、用户目录路径、临时文件夹等特殊路径的方法

    Qt 程序获取程序所在路径.用户目录路径.临时文件夹等特殊路径的方法 经常我们的程序中需要访问一些特殊的路径,比如程序所在的路径.用户目录路径.临时文件夹等.在 Qt 中实现这几个功能所用的方法虽然都 ...