Web应用开发

Bootstrap网络系统

  1. 网络编码规范

    1. 视同行快来创建列的水平组
    2. 在行块中创建列块,内容应该放置在每行的列块内,且只有列可以是行的直接元素
    3. 预定义的栅格类,比如.row和.col-xs-4,可用于快速创建栅格布局。
    4. 网格,即列块必须放在行块中,而行块又必须放置在容器块(即DIV的class值为container)中,以便获得适当的对齐和内边距。
  2. 字体图标

    1. 在HTML网页的制作过程中为了追求用户体验经常会用到很多小图标,如果每个小图标都用图片来实现,会发送很多请求小图标图片请求,严重拖慢网页加载速度。为了解决小图标的加载问题,出现了字体图标。

    2. 字体图标运行结果是图标,但是源代码是一种字体,而且Bootstrap将图标字体封装在了一个个CSS类样式中,这些图标字体CSS类样式被放在Bootstrap总样式文件bootstrap.min.css中。如需使用Bootstrap字体图标,只需要简单地使用并指定的class属性值为某个图标CSS类样式名即可,

      1. 列如<span class="glyphion glyphion-search"></span>就引入了查询图标
        
  3. 如果要用界面需要将需求展现清楚,用户界面必须有一下要求:

    1. 如果系统按照子系统,子模块,子功能三级结构划分,那么每个功能都对应一个或多个HTML界面
    2. 展现每个功能HTML页面必须要将处理的数据的内容和展现形式表示清楚
    3. 每个功能HTML页面不能孤零零存在,要将子模块下的所有功能HTML页面用超链接或按钮结合在一起,痛样子系统下所有模块的HTML页面也要整合在一起,最终整合成系统的一个完整的静态网站

素材:解压第四章 html原型UI —-> 把文件里的内容复制到STS软件我们项目的WebContent文件夹里面并全部覆盖源文件 —->同步并部署 —->http://localhost:8080/infoSubSys/pages/login.jsp 打开网页

以上步骤是在前几次课程的基础上使用

  1. image-20221021114917233

数据库(MySql)

  1. image-20221021115317245

    1. 在数据库技术中,数据还是以文件的形式存放到外部存储设备上,被称为数据库(Data Base),简称DB
    2. 数据库技术在数据之上还可以一个队数据进行管理的系统,即数据库管理系统,( Database management system),简称DBMS。
    3. DBMS是位于用户与数据库(OS)之间的一层数据管理软件,它为用户或应用程序提供访问数据库的方法,包括数据库的创建、查询、更新及各种数据控制,它被称为数据库系统的和兴
    4. 目前比较流行的DBMS有Oracle、MySQL、SQLServer、PostgreSQL等,本课程采用MySQL
  2. MySQL简介

    1. MySQL是一款安全、跨平台,高效的、并与PHP、Java等主流语言紧密结合的数据库系统
    2. 等等等等…………………..
  3. 数据模型的要素

    1. 数据模型所描述的内容包括三个部分:数据结构、数据操作、数据约束

      1. 数据结构:数据模型中的数据结构主要描述数据的类型、内容、性质以及数据间的联系等。数据结杓是数据模型的基础,数据操作和约束都建立在数据结构上。不同的数据结构具有不同的操作和约束。
      2. 数据操作:数据模型中数据操作主要描述在相应的数据结构上的操作类型和操作方式。
      3. 数据约束:数据模型中的数据约束主要描述数据结构内数据间的语法、词义联系、它们之间的制约和依存关系,以及数据动态变化的规则,以保证数据的正确、有效和相容。
    2. 数据模型的分类

      1. 在数据库发展的历程中,根据数据模型的数据结构可以分为三种主要的模型,分别是层次模型、网状模型和关系模型