数据库网页搭建教程(二)——数据库网页设计
数据库网页搭建往往由以下步骤构成:一、数据收集;二、数据库结构设计及优化;三、数据库操作SQL;四、数据库网页设计;五、数据可视化;六、网页安全性;七、数据库网页API设计。本节主要以WampServer为例,讲述如何使用PHP将MySQL数据库挂载到网页中。
首先,搭建Apache + MySQL + php环境。在官网上下载并安装WampServer,并利用该软件将MySQL本地数据库挂载到网页中,详细流程参见笔记:
https://blog.csdn.net/Robby_Wu/article/details/116348222?spm=1001.2014.3001.5501
在上述案例中,我们有效地运用PHP调取本地MySQL数据库,并用PHP将数据表的内容展示在网页中。然而,PHP本身不能美化网页,也不能实现用户与网页的动态交互,因而仅仅以MySQL和PHP作为数据库网页架构是远远不够的。为此,我们需要依次了解HTML、CSS、JS和PHP的基本语法,然后再对JS语法做进一步深入理解,并了解jQuery基本语法。这可能需要花费1–7天的时间。推荐的相关教程如下:
- HTML教程:https://www.w3cschool.cn/html/
- CSS教程:https://www.w3cschool.cn/css/
- JS教程:https://www.w3cschool.cn/javascript/
- PHP教程:https://www.w3cschool.cn/php/
- jQuery教程:https://www.w3cschool.cn/jquery/
在学习HTML、CSS、JS和PHP的过程中,一般不用记事本编辑“.html”或“.php”文件的代码,而是用更高级的文本编辑器编写。常用的有Sublime Text、VS Code等。下载地址为:
- Sublime Text:https://www.sublimetext.com/3
- VS Code:https://code.visualstudio.com/Download
这里简明地介绍真正较为流行的网页数据库架构。此架构由HTML、CSS、JS、PHP和MySQL五个部分组成。首先,PHP从MySQL数据库中读取数据,并以JSON数据格式将其呈递给前端变量(JS变量)。JS将前端变量写入到HTML元素中,从而在网页中显示出数据表内容。CSS通过规定一套样式表,从而对网页内容进行美化。用户还可以向服务器发出命令,即利用JS向服务器后端发出数据库检索指令,PHP负责分析用户给出的指令,并重新读取MySQL数据库的内容,将其呈递给JS,并最终向用户展示。
我们可能会感受到大量的知识在错综复杂地关联,但依然无法运用学到的HTML/CSS/JS/PHP语法来实现上述复杂而抽象的数据库网页架构。比较有效的解决方法是利用现有的案例去分析网页数据库不同部分协同工作的机理:
https://blog.csdn.net/Robby_Wu/article/details/116354534
接下来需要考虑的是如何实现一个数据库网页应具备的基本功能,例如数据库查询、排序和分页等。
- 数据库查询:Case Study: 利用JS设计高级检索功能通过PHP获取MySQL数据
- 数据库排序:Case study:在数据库网页中设计数据排序工具
- 数据库分页:Case Study: 利用JS实现数据库网页的数据分页、数据选择、数据详细信息查看功能
- 数据详细信息查看:Case Study: 利用PHP获取关系型数据库中多张数据表的数据
至此,我们能够利用WampServer搭建MySQL+PHP+Apache网页数据库,了解了网页数据库的基本架构,综合使用HTML/CSS/JS/PHP/MySQL的简单语法实现网页数据库与用户的基本交互。下一步应该考虑的是如何对数据进行简单的统计分析,并将可视化结果展示给用户。
上一篇:数据库网页搭建教程(一)——数据准备
下一篇:Under Construction…
数据库网页搭建教程(二)——数据库网页设计相关推荐
- 开源超级微同城系统源码 含完整程序代码包+数据库+详细搭建教程
分享一个超级微同城系统源码,含完整程序代码包+数据库+详细搭建教程,源码开源可二开,功能基于微信公众号,做本地生活信息必备. 系统特色功能一览: 1.整合本地信息商家服务等资源,为本地用户提供多样化的 ...
- 骡马视频,神马视频,带TV,带影院。不用数据库的搭建教程
骡马视频,神马视频,带TV,带影院.不用数据库的搭建教程 骡马TV影视二合一 首先如何成功打开app并进入 1..class Lcom/vv/test/p$3; 2..class public Lco ...
- HTML5期末大作业:淘宝网站设计——仿2021淘宝首页(1页) 大学生网页制作教程 表格布局网页模板 学生HTML静态水网页设计作业成品 简单网页制作代码 学生商城网页作品免费设计
HTML5期末大作业:淘宝网站设计--仿2021淘宝首页(1页) 大学生网页制作教程 表格布局网页模板 学生HTML静态水网页设计作业成品 简单网页制作代码 学生商城网页作品免费设计 常见网页设计作业 ...
- HTML5+CSS大作业——简单的程序员个人博客(7页) 大学个人博客网页制作教程 表格布局网页模板
HTML5+CSS大作业--简单的程序员个人博客(7页) 大学个人博客网页制作教程 表格布局网页模板 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家 ...
- 计算机一级网页制作教程视频教程,0626 网页设计与制作31讲,教学视频,湖南铁道职业技术学院陈承欢...
主教材 Dreamweaver CS3 ISBN:978-7-04-027314-4 主编:陈承欢 高等教育出版社 主教材 网页设计与制作任务驱动式教程 ISBN:978-7-04-037271-7 ...
- 菜鸟也能飞:SQL数据库实战专业教程(二)
四.需求分析→数据库设计 从这开始,就真正进入项目实战啦.先说点体会,我刚开始接触编程的时候,都是编写一些小东西,往往都是半天或者一天什么的就编完了,那时候根本没想过做程序之前还要有需求分析.经过快两 ...
- 好客php在线客服源码搭建教程可对接网页/小程序/微信公众号等
当你的网站做大以后肯定少不了会添加自己的联系方式,像很多大的网站其实在首页在线客服.今天这个源码可以满足你. 我在网上也找了很多,终于找到了源码,看到很多拿着别人的辛苦成果出来收费真够恶心的. 站点设 ...
- android数据库降级_Android SQLite (二.数据库创建,升级及降级)
上篇文章简介和常用语法介绍了SQLite数据库的基本信息和一些常用的语法操作,本篇文章主要介绍Android开发过程中SQLite数据库的创建使用和常见问题处理. 一.SQLiteOpenHelper ...
- MySQL数据库实操教程(26)——数据库设计软件Power Designer
版权声明 本文原创作者:谷哥的小弟 作者博客地址:http://blog.csdn.net/lfdfhl Power Designer概述 Power Designer 是美国Sybase公司的CAS ...
- 阿里云服务器centos系统部署httpd服务器(新手向网页搭建教程)
为什么要整个自己的服务器呢?因为,在往老师的服务器里放项目的时候,把人家的项目文件给误删了.求爷爷告奶奶了好久,最后还是学长人好,给弄回来了.但是,实在是不敢骚操作了,正好宽容的老师没有追究我的责任, ...
最新文章
- TDSQL在微众银行的大规模实践之路
- 透過 OpenNI 建立 Kinect 3D Point Cloud
- 信息系统项目管理系列之一:绪论
- WPF之坑——ICommandSource与RoutedUICommand
- 【Java代码】坐标系说明+WGS84\GCJ02\BD09坐标系转换工具+Java坐标系转换及验证源代码分享(粘贴可用)
- 深度学习(6)TensorFlow基础操作二: 创建Tensor
- response.setHeader各种使用方法
- iText的一些总结
- Vue结合uni-app实现手机端的扫码功能
- 全国雾霾大数据,哪里才是桃花源?
- 李宏毅机器学习笔记——回归
- EasyTouch5虚拟摇杆(Joystick)中文解析
- 发布QtCsv文件转语言翻译文件工具
- android 镜像投屏开发,Android 投屏实现纪要
- 大数据分析技术与应用 1
- 百万调音师—Audition 标记
- boost哪些库需要编译
- 指针详讲(一阶指针和二阶指针等指针各种用法详解)
- Ubuntu系统安装微信(解决高分辨率屏幕问题及图标显示问题)
- java静态代码块、构造代码块、构造器执行顺序