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. 《SQL 进阶教程》case :用一条 SQL 语句进行不同条件的统计

    进行不同条件的统计是case表达式的著名用法之一 select name,sum(case when sex = 1 then population else 0 end) as cnt_m,sum( ...

  2. CF 700E

    构建后缀自动机,求出后缀树 比较明显的dp 设 \(f[i]\) 表示从上而下到达当前点能够满足条件的最优值 只需要检查父亲节点是否在当前串中出现过两次就行了 这个判断用 \(endpos\) 来判断 ...

  3. Codeforces Round #432 (Div. 2, based on IndiaHacks Final Round 2017) A

    Arpa is researching the Mexican wave. There are n spectators in the stadium, labeled from 1 to n. Th ...

  4. css中的各类问题

    1.水平垂直居中 一.水平居中 (1)行内元素解决方案 只需要把行内元素包裹在一个属性display为block的父层元素中,并且把父层元素添加如下属性即可: .parent { text-align ...

  5. 056 Merge Intervals 合并区间

    给出一个区间的集合, 请合并所有重叠的区间.示例:给出 [1,3],[2,6],[8,10],[15,18],返回 [1,6],[8,10],[15,18].详见:https://leetcode.c ...

  6. input文本框默认提示

    今天闲暇时间把自己以前写的一个文本框默认提示函数改成了一个小插件.下面是代码 1.引入jQuery库 <script src="http://code.jquery.com/jquer ...

  7. ubuntu 14.04 安装minidwep-gtk

    一,安装相关的依赖 sudo apt-get install build-essential libssl-dev iw libpcap-dev sqlite3 libsqlite3-dev libp ...

  8. 轻量级的绘制图表js库--Morris.js

    Morris.js 是一个轻量级的 JS 库,使用 jQuery 和 Raphaël 来生成各种时序图. 虽说现在移动手机网络已经到了4G,但是在移动web客户端开发过中,为了达到良好的体验效果,需要 ...

  9. 洛谷 P1807 最长路_NOI导刊2010提高（07）

    最长路 #include <iostream> #include <cstdio> #include <cstring> #include <queue> ...

  10. 高效的设计可视化UI

    http://www.uimaker.com/uimakerdown/uitutorial/35990.html http://maqetta.org/downloads/ .Data.js Data ...