2016年网页与制作实训论文(新闻系统前后台交互).docxVIP

网页实训报告新闻系统前后台交互组长：组员：指导老师：实训目的………………………………………………………………………2项目思路………………………………………………………………………3项目准备………………………………………………..…………………….4前台页面主要代码……………………………………………………………5数据库连接，确保登录代码…………………………………………………6后台页面主要代码…………………………………………….………………7项目亮点………………………………………………………………….…..13优点和不足之处……………………………………………………………...13实训总结…………………………………………………………………......14实训报告实训目的：这次网页与制作的实训是锻炼我们实践能力重要环节，是对我们实践工作能力的具体训练和考察过程。随着科学技术发展的日新月异，网页设计制作已经成为当今计算机应用中空前活跃的领域，在生活中可以说是无处不在。因此作为二十一世纪大学生来说掌握网页设计制作的技术能力是十分重要的。进一步熟悉和掌握网站建设的基本流程和技术规范；巩固运用sublime, Dreamweaver,PhotoShop网页制作软件制作网页巩固运用NatBeans,wampmanager动态网页制作软件制作动态网页用sublime,NetBeans,wampmanager三个软件完成网站建设登录前后台任务的方法，能独立设计一个内容完整，图文并茂，技术运用得当的网站；具备独立撰写实训报告等科技文件的基本能力；在网页设计的实践中培养分析问题，解决问题的能力，培养协作，交流的能力，培养创新和团队意识；为今后从事网站开发，维护和管理奠定基础。通过实训，掌握网页设计系列软件sublime, wampmanager软件的使用方法，达到全面理解，运用网页制作的知识，并使之得以融会贯通，在掌握理论知识的基础上再加以实践，进一步提高,加强设计，制作网站的综合能力。项目思路：首先我们分为两大块，前台页面和后台页面。分别建文件夹web和admin。前台：先利用我们学习的div+css布局方法+JavaScripte做好静态页面。接下来利用from表单+简单的CSS样式做好登录页面。然后利用fromeset分帧做好后台框架。框架左列表为后台首页，用户列表，新增用户，新闻列表，新增新闻。接下来要完成的就是在每个列表中实现页面效果。点击列表能够出现每个列表的页面。然而要实现这个效果是要先建数据库，再在数据库中建表，在表中插入我们要的数据。我们要建三张表，分别为admin，user，news。再就是连接数据库。admin表是要通过数据库连接在后台实现管理员登录页面。news表是要通过数据库连接实现新闻增加，修改，删除。user表是要通过数据库连接实现用户信息，添加用户显示在后台。项目准备： news-info: 数据库名 admin：管理员登录表名 user：用户注册信息表名 news：新闻信息表名前台（web）： images： js播放图片； img：登录页面背景图 ht.php：前台静态页面效果图 Style：前台静态页面样式 config.php：连接数据库 conn.php：确保登录成功 login.php：登录页面 jQuery.js： js代码后台 (admin):登录页面(dl): img: 背景图config.php 确保登录成功login.php 登录页面 admin： conn.php 连接数据库 htsy.php 后台首页 index.php 后台界面 left.php 框架左列表选项 news.add.php 添加新闻 news-del.php 删除新闻 news-upd.php 新闻修改 news-list.php 新闻列表 zcye.php 添加用户 zcye-del.php 删除用户 zcye-list.php