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. ELK系列(1) - Elasticsearch + Logstash + Kibana + Log4j2快速入门与搭建用例

    前言 最近公司分了个ELK相关的任务给我,在一边学习一边工作之余,总结下这些天来的学习历程和踩坑记录. 首先介绍下使用ELK的项目背景:在项目的数据库里有个表用来存储消息队列的消费日志,这些日志用于开 ...

  2. Beanshell vs JSR223 vs Java JMeter脚本：性能关闭你一直在等待！

    有几个选项可用于执行自定义JMeter脚本并扩展基线JMeter功能.查看最流行的扩展机制,比较性能并分析哪一个是最好的. 这是乐队之战,JMeter风格. Beanshell V. JSR223 V ...

  3. hdu2177----取(2堆)石子游戏

    威佐夫博弈博弈论 直接模拟即可 值得一提的是这道题几乎网上所有题解都没有考虑只从小堆取得情况 所以在类似 19 20这种数据出现时,他们都是错误的 只输出了 1 2 而没有 12 20 #includ ...

  4. HDU 1160 FatMouse's Speed LIS DP

    http://acm.hdu.edu.cn/showproblem.php?pid=1160 同样是先按它的体重由小到大排,相同就按speed排就行. 这样做的好处是,能用O(n^2)枚举,因为前面的 ...

  5. 下一代的前端构建工具:parcel打包react

    1. parcel很受欢迎,webpack太慢了,试试Parcel下一代的前端构建工具 2.Parcel很快,但缺少好多插件,没有base64,没有办法拆分打包文件.... 3.总结:适合小项目 4. ...

  6. 微信小程序干货

    1.获取text文本框输入的信息 wxml代码 <view class="weui-cells"> <view class="weui-cell weu ...

  7. ios 利用kvc 监听可变数组变化

    KVO键值监听: Key-Value Observing,它提供一种机制,当指定的对象的属性被修改后,则对象就会接受到通知.简单的说就是每次指定的被观察的对象的属性被修改后,KVO就会自动通知相应的观 ...

  8. ajax提交表单无法验证easyui的验证选项（比如required等）

    在实际开发中,遇到ajax方式提交表单没法验证easyui的验证选项,这对实际用户体验造成了很大的困扰.当然,这也是理所当然的事情.   解决办法:使用jquery中ajax的beforeSend事件 ...

  9. 重温Javascript（三）-继承

    继承 1.原型链继承 基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法.每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针.让原型 ...

  10. 在openSUSE 13.1上用gem安装rails无反应： gem install rails

    解决方案: gem install rails -V ....其实他本身在后台运行,白白的给他中断好多次,用-V这个选项就可以直接回显信息了