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. python进阶02 特殊方法与特殊属性

    python进阶02 特殊方法与特殊属性 一.初始化.析构 1.初始化 # python中有很多双下划线开头且以下划线结尾的固定方法,它们会在特定的时机被触发执行,这便是特殊方法 # 在实例化的时候就 ...

  2. 题解 P1854 花店橱窗布置

    把二维压成一维的DP了解一下... 传送门 (以纪念神经兮兮调了两天的一维DP(刷水题谋财害命)以及感谢学长的帮助@ydnhaha) 显然我们有二维的dp:f[i][j]代表第i盆花放到第j个位置 ; ...

  3. loj6198谢特 后缀数组+并查集+Trie

    先把问题放在后缀数组上考虑 已知两个数组a b,求min(a[i],...,a[j])+(b[i]^b[j])的最大值 套路题 初始每个点都是一个小连通块 把a按从大到小的顺序加入,计算当前加入边作为 ...

  4. jsp中c标签的使用

    jsp中c标签的使用 核心标签库 它是JSTL中的核心库,为日常任务提供通用支持,如显示和设置变量.重复使用一组项目.测试条件和其他操作(如导入和重定向Web内容).Core标签按功能可分为4种类型: ...

  5. [RDL]中多行组列组占比报表制作

    结果如下: 生意额占比表达式:=iif(Fields!生意额.Value is nothing,"",Fields!生意额.Value/sum(Fields!生意额.Value, ...

  6. Storm编程入门API系列之Storm的Topology的stream grouping

    概念,见博客 Storm概念学习系列之stream grouping(流分组) Storm的stream grouping的Shuffle Grouping 它是随机分组,随机派发stream里面的t ...

  7. Linux学习笔记——如何使用echo指令向文件写入内容

    0.前言     本文总结如何使用echo命令向文件中写入内容,例如使用echo指令覆盖文件内容,使用echo指令向文件追加内容,使用echo指令往文件中追加制表符.     echo向文件中输出内容 ...

  8. Hi,bro

    这是我第一次写部落格,也是我刚开始学python,希望我以后能把To Do List 做好,也希望大家可以好好学习,为了以后good life去努力,Do SomeThing OK?

  9. css3弹性伸缩和使用

    columns  分栏 column的中文意思就是栏的意思,在html中,作用是分列,把一块内容相同比例均匀的分成一块一块的列,想报纸的内容似的,一篇文章在一张内容上分成好几栏那样显示,它的属性有 1 ...

  10. Linux mount实际使用

    查看所有文件系统(设备):fdisk -l 1.当要重新挂载一个文件系统时(设备):可以直接 #mount -o remount,rw /dev/sdb9/(文件系统) /mnt/sdb9/(目录) ...