使用Vue制作了一个计算机网络中子网划分部分的简陋计算工具

Posted Fitz的前端学习博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Vue制作了一个计算机网络中子网划分部分的简陋计算工具相关的知识,希望对你有一定的参考价值。

前端新手请多关照~~~~

上个学期学校开了计算机网络的课, 上到子网划分部分时, 各种计算虽然不然但是足够让人眼花缭乱

于是就想着自己写一个子网划分的小工具来辅助一下, 在一些简单的题目测试后没什么问题, 放上来做一个成果展示咯

Github静态页面作为成果展示: ChinaFitz.github.io

源代码: 写的很乱几乎不能看, 十分抱歉 https://github.com/ChinaFitz/computer_network_subnetting_tools

技术栈:

  1. Vue
  2. Vue-Router
  3. Vuex
  4. ElementUI

实现的功能:

  1. 能够判断IP地址属于哪一类
  2. IP地址和子网掩码共同计算出各种细节
    • IP的二进制形式
    • 可划分子网数
    • 主机号
    • 等等...
  3. 能够通过IP地址和子网掩码判断两个IP是否属于同一个网络
  4. 子网划分(重点部分)
    • 已知IP地址、子网掩码求网络地址
    • 已知网络IP地址、子网掩码求可划分的子网数和每个子网的子网号
    • 已知网络IP地址、所需子网个数求每个子网的子网掩码及对应的主机地址范围
    • 已知网络IP地址、每个子网的需要容纳的主机数求每个子网的子网掩码、对应的主机地址范围 该工具的特色: 支持因为子网不能容下所需的主机数而导致需要子网再划分的情况

以上是关于使用Vue制作了一个计算机网络中子网划分部分的简陋计算工具的主要内容,如果未能解决你的问题,请参考以下文章

子网划分

IP子网划分

IP地址和子网划分学习笔记之《知识学习篇:子网划分详解》

子网划分

IP地址和子网划分学习笔记之《子网划分详解》

网段,子网掩码,网络标识,IP划分