![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 87
多层感只鸡
这个作者很懒,什么都没留下…
展开
-
基于PHP与Javascript的仓库管理系统开发课程报告
本项目是基于设计模式设计的B/S架构的仓库管理系统,具体实现了如下目录的一些功能,详情请阅读:目 录1 项目概述 1.1 项目背景 1.2 项目环境 1.3 仓库概念设计图 1.4 管理系统管理流程 2 设计模式的使用及相关UML图 2.1 单例模式 2.2 策略模式 2.3 外观模式 2.4 状态模式 2.5 装饰者模式2.6 适配器模式 3 数据库ER图说明 4 管理员产品功能说明 4.1 登录 4.2 主页 4.3 查看仓库详情 4.3.1 仓库详情主界面原创 2021-01-29 16:19:59 · 716 阅读 · 0 评论 -
Web编程入门 3.1 选择框select
Select控件实现了一个下拉选择的效果,如下图所示其HTML中的代码如下:<div class="form-group"> <label for="projecttype" >Project Type</label> <select class="form-control custom-select" id="projecttype"> <option selected disabled>Select one<原创 2020-07-12 08:41:56 · 526 阅读 · 0 评论 -
Web编程入门 2.3 解决fakepath问题 获取本地文件真实地址
当浏览器需要读取本地数据的时候,诸如第2.2章中提到的读取xml文件,此时就需要浏览器知道文件的详细地址,但是使用一般方法智能得到一个C:\fakepath,其实这里是浏览器的保护机制让input file的路径时被fakepath代替,隐藏了真实物理路径。因此为了解决这个问题可以有以下方案:①更改浏览器设置,但是这种方法不安全,因此不推荐②使用window.URL.createObjectURL()var url = null; var fileObj = document.getE原创 2020-07-12 08:41:43 · 2502 阅读 · 2 评论 -
Web编程入门 2.2 读取Excel与XML中的参数
(1)读取Excel中的参数需要引入外部文件,从github找到xlsx.core.min.js,下载并引入然后在HTML中设置上传控件<input type="file" id="excel-file">然后监听控件改变事件$('#excel-file').change(function(e) { var files = e.target.files; var fileReader = new FileReader(); fileReader.o原创 2020-07-11 22:20:06 · 198 阅读 · 0 评论 -
Web编程入门 2.1 jQuery Validate方法 以及批量验证的修改方法
表单验证是一个经常出现的需求,比如当我添加一个订单的时候,首先就要验证用户输入的数据是否合法,才能进行下一步的操作,因此,就需要进行表单验证。如下图:不输入任何参数的情况下点击提交订单:弹出错误信息,告诉用户需要提供相关信息。为了实现以下功能,可以在js中进行如下设置:(1)为需要进行验证的组件添加name(2)在使用submit方法时直接进行验证那么直接将validate方法放在js代码中执行即可,具体方法下面通过点击button时讨论(3)通过点击button进行原创 2020-07-11 21:56:09 · 381 阅读 · 0 评论 -
Web编程入门 1.3 前端与后台的交互--ajax方法 以及ajax方法下get与post 的区别
在仓库系统的开发中,开始我遇到了一个很神奇的问题,那就是函数居然不按照我定义的顺序来执行,定义js连接数据库的操作每次都不按照我预定的时间来执行,因为基本没看什么入门资料因此当时完全不知道什么同步异步的问题,因此,就只有找连结数据库的替代方法,就是用PHP,JQuery自带的ajax方法可以关闭异步,然后与PHP进行数据交互,需要进行的查找和写入等操作放到PHP中来处理,就避免了js中会出现的异步处理的问题。当然好孩子还是应该好好搞懂异步同步操作的。这里介绍一下如何通过ajax传递数据,然后下一章介绍通原创 2020-07-11 21:00:36 · 141 阅读 · 0 评论 -
Web编程入门 1.2页面跳转
(1)定向跳转到其他网页①<script language="javascript" type="text/javascript"> window.location.href="index1.html"; </script>②<script language="javascript" type="text/javascript"> $(location).attr('href', 'index1.原创 2020-07-11 18:44:32 · 141 阅读 · 0 评论 -
Web编程入门 1.1登录功能的实现
AdminLTE中有对应的登录模板,因此界面设计基本不需要花什么功夫,仅仅需要对其中的一些元素做一些个性化的调整即可,比如以下示例:登录需要解决以下几个问题:(1)得到输入的账号和密码这里直接通过设定输入框,指定ID即可,在password设置type =password可以让密码输入不可见。在js中通过Sign点击事件,得到$("#email").val()以及$("#password").val(),就是两个对应值。(2)检测输入用户名以及密码是否合法检测分为.原创 2020-07-11 18:25:05 · 991 阅读 · 0 评论 -
Web编程入门 AdminLTE框架的使用
本学期老师布置了使用B/S架构设计开发一个仓库管理系统的任务,这就考到我了,以前从来没搞过web编程这一块,没办法只有自学几天简单的html,js,php,来完成老师的任务,这里给万一有同样苦恼的小伙伴介绍一个开发框架,可以方便自己的开发过程。首先AdminLTE是一个完全响应管理模板,主要基于Bootstrap和JQuery,里面集成的界面模板与控件非常丰富。有完整的侧边栏,以下介绍一下自己所使用到的模块部分:(1)侧边栏侧边栏的起点如图:在上方可以更改自己为自己的软件系统名,下.原创 2020-07-11 16:44:35 · 694 阅读 · 0 评论