zoukankan      html  css  js  c++  java
  • 纯JavaScript实现一个带cookie的学生管理系统

    由来

    之前写过一个Jsp&Servlet版本的学生管理系统。

    发出来之后,有一个网友找我给他写JavaScript版本的,时间也过去很久了,我估摸着他那门课已经结束了,所以整理了一下代码,分享出来给有需要的人。

    需求

    只能使用JavaScript,不涉及任何后端语言,不涉及数据库。

    需要实现的功能:

    1、登录登出功能

    2、对学生信息的增删改查

    3、使用cookie记录当前登录用户的信息

    成品截图

    登录页

     主页

     

    添加学生

     

    修改学生

     

    实现思路

    按照那位朋友的描述,大概是大学里的JS课程设计吧,老师可能想让他们把一些学的东西都用上,才出了这么一个题目。

    首先要解决存储问题,不用数据库的话,只能写进本地文件或者内存了。

    我的办法是,启动系统的时候,将初始数据加载进内存,然后对内存的数据增删改查即可。

    cookie也是一个问题

    直接打开一个html时,会以文件的方式打开,没有域(例如www.baidu,com等域名,或者127.0.0.1等ip),是存储不了cookie的

    必须以“服务‘的方式打开。

    vscode打开,导入项目,装一个插件“Live Server”

    右击文件,选择Open With Live Server 运行。

     将会以服务的方式运行这个项目,这么一来,就可以使用cookie啦

     另外为了好看点,用了bootstrap的一些表单和按钮样式,这个基本忽略不计。

    源码

    源码已经放在码云上了,需要的自取:

    https://gitee.com/DayCloud/student-manage-js

    欢迎关注我的博客,不定期分享一些优质的原创项目,可用作毕业设计或者面试找工作~

  • 相关阅读:
    Gvim快捷键学习
    一步一步学习Vim 全图解释
    经典vim插件功能说明、安装方法和使用方法介绍
    中国数学数字图书馆
    RQNOJ第一题---PID1 / 明明的随机数
    gdb常用命令
    linux c下mysql编程样例
    linux c编程 -- 线程互斥
    linux c多线程编程范例
    数据结构 -- 可重用模块的接口设计模板
  • 原文地址:https://www.cnblogs.com/phdeblog/p/14232028.html
Copyright © 2011-2022 走看看