PS：突然发现博客园有密码保护功能，已经可以满足基本需求了。博客园还能备份自己的所有数据，做到了数据归用户所有，平台只是展示，真是良心网站，大赞。

想要通过一个站点放一些东西给一些人看，但是又不想让所有人都能轻易看到，所以就想这添加简单的访问限制，虽说之前没怎么做过相关东西，经过网络搜索最终还是得到了一个能够凑乎使用的东西，记录下来以备将来有需要时候参考。

主要有两部分，一个是内容的展示，普通的HTML页面就能满足需求，搜索参考编写即可。

另一个是访问的控制，由于只是简单的防止被所有人看到，而且所在环境非常简单，不太适合做太多的东西，暂且不选择账户访问机制。

设想的效果是点击指定链接，要求输入访问控制码，如果验证通过显示页面内容，否则告知没有权限访问，跳转走开。

对网页制作不是很了解，搜索到说HTML实现不了，需要一些动态语言实现，好在目标环境支持JavaScript，搜索网络上的code以及根据需要做出一些调整，可以在<body>前面添加jscode：

 <script language="javascript">

 <!--

 accesscode = prompt("input access code:","");

 if (accesscode != "jiekst"){

 alert("You are not allowed to access this page.");

 window.location.href='跳转目标页面';

 }else{

 //alert("welcome");

 }

最终在本地wamp上验证符合要求，后面完善待展示内容后部署到server上。

不过虽然勉强凑合满足了需求，还是有一些不足的：

1，访问控制直接在源码里面写死了，如果是能通过一个不可通过浏览器访问的文件提供就更安全了

2，如果能够动态获取，每隔一段时间变化一次就更好了，现在这个只能靠人手动来维护，提供出去一段时间后手动修改为其他

3，如果有了访问控制码，就能直接拿走所有的展示内容，好在展示的不是什么机密信息，倒是不怎么怕这个，如果做到只是展示给人看，能够保护信息避免被窃取就更完美了。

参考：

https://www.cnblogs.com/brucemengbm/p/7245040.html

https://www.jb51.net/article/46648.htm

https://www.jb51.net/article/61667.htm

html页面简单访问限制的更多相关文章

  1. JSP+Servlet+JavaBean统计页面在线访问次数

    统计页面浏览次数:使用的是servlet实现统计次数传递给JSP页面 说明:我做的都比较接地气,意思就是比较简单! 效果图如下: 上代码 counter.java(它真的好简单,啥事不干,只是定义一个 ...

  2. 用Filter程序实现静态HTML页面的访问保护

    今天为练习Filter的用法编写了一个小程序. 当用户通过article的超链接读取文章的时候,会通过Filter进行检测有没有登录.只有登录的读者才能跳到文章页面,否则跳到登录页面. 文章就用简单的 ...

  3. IIS开启伪静态后html静态页面无法访问的解决方法

    IIS开启伪静态后,发现原本存在的html静态页面无法访问了,显示的404错误.网上查了下,是因为实现伪静态就是使用 URLRewriter 来映射后缀,会把asp等动态页面映射成html,但是原来存 ...

  4. InfluxDB安装后web页面无法访问的解决方案

    本文属于<InfluxDB系列教程>文章系列,该系列共包括以下 16 部分: InfluxDB学习之InfluxDB的安装和简介 InfluxDB学习之InfluxDB的基本概念 Infl ...

  5. Laravel5 路由问题 /home页面无法访问

    参考网址:http://stackoverflow.com/questions/11791375/laravel-routes-not-working Laravel5 路由问题 /home页面无法访 ...

  6. apache ambari web页面无法访问解决办法

    ambari-server启动成功,但是页面无法访问 作者:Bo liang链接:http://www.zhihu.com/question/34405898/answer/115001510来源:知 ...

  7. 通过flask实现web页面简单的增删改查bootstrap美化版

    通过flask实现web页面简单的增删改查bootstrap美化版 项目目录结构 [root@node1 python]# tree -L 2 . ├── animate.css ├── fileut ...

  8. 通过flask实现web页面简单的增删改查

    通过flask实现web页面简单的增删改查 # 1.后台程序falsk_web01.py #coding:utf-8 from flask import Flask,render_template,r ...

  9. SQLSERVER中的LOB页面简单研究

    SQLSERVER中的LOB页面简单研究 这篇文章和我另一篇文章是相辅相成的,在看<SQLSERVER2012 列存储索引的简单研究和测试>这篇文章之前希望大家先看一下这篇文章o(∩_∩) ...

随机推荐

  1. Centos 自动更新git

    首先,要先配置好自己的Git,然后在某一处进行脚本的编写. 比如项目目录为:/home/project,那参考如下来进行 vim /home/project/automatic_git.sh #/bi ...

  2. VxWorks实验六 基于优先级的抢占式调度及实验的源程序和实验步骤

    基于优先级的抢占式调度及实验的源程序和实验步骤 1 实验目的    1．学习并验证基于优先级的抢占式调度2 实验内容    在实验一建立的 project 中,创建3 个任务,对这三个任务使用基于优先 ...

  3. Linux 下 FTP虚拟用户的使用配置

    Linux下FTP虚拟用户的使用配置 Linux的FTP服务支持3种用户: 1.匿名帐户 2.本地帐户 3.虚拟用户 为什么要使用虚拟用户: 匿名帐户可以很好的保证FTP服务器的安全性,但是,对匿名用 ...

  4. moment.js插件的简单上手使用

    开发过程中看长篇幅的技术文档是件多么影响多发效率的事情丫,哼哼,人家明明只是想用个简单的功能而已丫,下面文档很好的解决了这个问题,yeah~~~ 一.monent.js时间插件 1.Moment.js ...

  5. easyui---accordion(手风琴)

    首先配置好easyui环境 1.ACCORDION(手风琴) class:class=easyui-accordion, 事件: 查找: function selectPanel(){ //会弹出输入 ...

  6. [Java]hashCode的作用

    一.如何理解hashCode的作用: 以java.lang.Object来理解,JVM每new一个Object,它都会将这个Object丢到一个Hash哈希表中去,这样的话,下次做Object的比较或 ...

  7. Windows10家庭版升级至专业版

    控制面板--系统里面修改产品密钥即可. 密钥:VK7JG-NPHTM-C97JM-9MPGT-3V66T.(先断网,不然会提示升级失败)

  8. jdk1.6与jdk1.7list集合排序区别与算法

    源码分析: 在Collections.sort中:    public static <T extends Comparable<? super T>> void sort(L ...

  9. Java基础：（四）继承

    一.访问权限 java中有三个访问权限修饰符private:protected:public和一个默认default(不加修饰符). 如果子类的方法覆盖了父类的方法,那么子类中该方法的访问级别不允许低 ...

  10. (2017.10.16) javascript 数据类型转换与操作

    javascript 有 5 种基本数据类型:undefined.null.Boolean.String.Number,还有1 种较复杂的数据类型 Object:各种类型之间可以相互转换,其中有些有趣 ...