当前位置: 首页 > news >正文

如何让做网站网页页面布局

如何让做网站,网页页面布局,专业定制网上配镜近视散光眼镜框,不良网站进入窗口软件下载7目录 一、tkinter的介绍 二、登陆界面的设计 1、登陆界面完整代码 2、部分代码讲解 3、登录的数据模型设计 4、效果展示 三、学生主界面菜单设计 1、学生主界面菜单设计完整代码 2、 部分代码讲解 3、效果展示 四、数据库的模型设计 欢迎大家进来学习和支持#xff01…目录 一、tkinter的介绍 二、登陆界面的设计 1、登陆界面完整代码 2、部分代码讲解 3、登录的数据模型设计 4、效果展示 三、学生主界面菜单设计 1、学生主界面菜单设计完整代码 2、 部分代码讲解 3、效果展示 四、数据库的模型设计 欢迎大家进来学习和支持 今天主要带来的是使用tkinter来制作一期学生信息管理系统 一、tkinter的介绍 tkinter就是python语言里面用来制作一个GUI界面的一个包这里长话短说不做过多的言语上的阐述想了解更多可以点击下面的链接 tkinter官网教程 二、登陆界面的设计 我们开始编写代码的之前我们的自己先了解一些关于tkinter中的一些组件的使用和方法  1、登陆界面完整代码 Ryan 2024.7.28 登陆页面的制作import tkinter as tk from tkinter import messagebox from db import db from mainPage import mainPageclass loginFarme(object):def __init__(self, window):self.window windowself.window.geometry(300x180)self.window.title(登录界面)# 创建变量对象self.username tk.StringVar()self.password tk.StringVar()# 用于后面进行页面换页用的self.page tk.Frame(window)self.page.pack()# 再page里面布局tk.Label(self.page).grid(row0, column0)tk.Label(self.page, text账户, font28).grid(row1, column1)# textvariable文本变量tk.Entry(self.page, textvariableself.username).grid(row1, column2)tk.Label(self.page, text密码, font28).grid(row3, column1, pady10)tk.Entry(self.page, textvariableself.password).grid(row3, column2)tk.Button(self.page, text登录, font28, commandself.login).grid(row5, column1, pady10)tk.Button(self.page, text退出, font28, commandself.page.quit).grid(row5, column2)# 登录功能def login(self):name self.username.get()pwd self.password.get()flag, message db.checkLogin(name, pwd)if flag:# 销毁第一页self.page.destroy()# 重新给页面添加内容mainPage(self.window)else:messagebox.showwarning(title警告, messagemessage)if __name__ __main__:window tk.Tk()loginFarme(window)window.mainloop()2、部分代码讲解 对于loginFarme类的讲解         这个属于类的初始化函数部分给登录界面创建界面组件用  def __init__(self, window):self.window windowself.window.geometry(300x180)self.window.title(登录界面)# 创建变量对象self.username tk.StringVar()self.password tk.StringVar()# 用于后面进行页面换页用的self.page tk.Frame(window)self.page.pack()# 再page里面布局tk.Label(self.page).grid(row0, column0)tk.Label(self.page, text账户, font28).grid(row1, column1)# textvariable文本变量tk.Entry(self.page, textvariableself.username).grid(row1, column2)tk.Label(self.page, text密码, font28).grid(row3, column1, pady10)tk.Entry(self.page, textvariableself.password).grid(row3, column2)tk.Button(self.page, text登录, font28, commandself.login).grid(row5, column1, pady10)tk.Button(self.page, text退出, font28, commandself.page.quit).grid(row5, column2) 这一部分是为了实现登陆的功能和警告信息这里面调用了db这个类对象checkLogin方法是为了检查账户密码的正确性这个类对象会在后面定义这里的mainPage方法是调用了mainPage.py文件里的方法为了登录成功后进入到学生管理系统主界面 # 登录功能def login(self):name self.username.get()pwd self.password.get()flag, message db.checkLogin(name, pwd)if flag:# 销毁第一页self.page.destroy()# 重新给页面添加内容mainPage(self.window)else:messagebox.showwarning(title警告, messagemessage) 这个代码块想必大家都很熟悉这个代码块主要是为了检查该程序是否能够在这个文件里运行这里的tk.Tk()和mainloop()方法是打开窗口界面和循环显示窗口界面的功能 if __name__ __main__:window tk.Tk()loginFarme(window)window.mainloop()3、登录的数据模型设计 这里是主要封装了一个对于登录信息的检查这里没有用到数据库而是自己创建了一个json的数据模型来代替这个就是上面所说到的checkLogin()方法的定义代码  Ryan 2024.7.28 建立登录的数据模型import jsonclass mySqlDatabases(object):def __init__(self):with open(student.json, moder, encodingutf-8) as f:text f.read()self.students json.loads(text)f.close()def checkLogin(self, username, password):for student in self.students:if username student[username]:if password student[password]:return True, 登陆成功else:return False, 登陆失败密码不存在return False, 登陆失败用户名不存在# 实例化类对象 db mySqlDatabases() if __name__ __main__:print(db.checkLogin(admin, 123456))4、效果展示 三、学生主界面菜单设计 接下来我们设计好登录界面后就是进入到学生的主界面设计  1、学生主界面菜单设计完整代码 Ryan 2024.7.28 学生页面的制作import tkinter as tkclass mainPage(object):# window:tk.Tk只作为一个提示是TK对象写完这个就可以显示方法提示def __init__(self, window: tk.Tk):self.window windowself.window.geometry(600x400)self.window.title(学生管理系统 V0.0.1)self.createPage()def createMenu(self):self.aboutFrame tk.Frame(self.window)tk.Label(self.aboutFrame, text关于作品本作品是tkinter制作的).pack()tk.Label(self.aboutFrame, text关于作者Ryan).pack()tk.Label(self.aboutFrame, text版权所有Ryan).pack()self.changeFrame tk.Frame(self.window)tk.Label(self.changeFrame, text修改页面).pack()self.deleteFrame tk.Frame(self.window)tk.Label(self.deleteFrame, text删除页面).pack()self.searchFrame tk.Frame(self.window)tk.Label(self.searchFrame, text搜索页面).pack()self.insertFrame tk.Frame(self.window)tk.Label(self.insertFrame, text录入页面).pack()def createPage(self):self.createMenu()menuBar tk.Menu(self.window)menuBar.add_command(label录入, commandself.showInsert)menuBar.add_command(label查询, commandself.showSearch)menuBar.add_command(label删除, commandself.showDelete)menuBar.add_command(label修改, commandself.showChange)menuBar.add_command(label关于, commandself.showAbout)# 将menuBar添加窗口中self.window[menu] menuBardef showAbout(self):self.changeFrame.pack_forget()self.deleteFrame.pack_forget()self.searchFrame.pack_forget()self.insertFrame.pack_forget()self.aboutFrame.pack()def showChange(self):self.aboutFrame.pack_forget()self.deleteFrame.pack_forget()self.searchFrame.pack_forget()self.insertFrame.pack_forget()self.changeFrame.pack()def showDelete(self):self.aboutFrame.pack_forget()self.changeFrame.pack_forget()self.searchFrame.pack_forget()self.insertFrame.pack_forget()self.deleteFrame.pack()def showSearch(self):self.aboutFrame.pack_forget()self.changeFrame.pack_forget()self.deleteFrame.pack_forget()self.insertFrame.pack_forget()self.searchFrame.pack()def showInsert(self):self.aboutFrame.pack_forget()self.changeFrame.pack_forget()self.deleteFrame.pack_forget()self.searchFrame.pack_forget()self.insertFrame.pack()if __name__ __main__:window tk.Tk()mainPage(window)window.mainloop()2、 部分代码讲解 以下主要是针对mainPage类的讲解         这里面的createPage函数是添加界面中的菜单按钮command是当按钮被点击的时候会触发的事件 def createPage(self):self.createMenu()menuBar tk.Menu(self.window)menuBar.add_command(label录入, commandself.showInsert)menuBar.add_command(label查询, commandself.showSearch)menuBar.add_command(label删除, commandself.showDelete)menuBar.add_command(label修改, commandself.showChange)menuBar.add_command(label关于, commandself.showAbout)# 将menuBar添加窗口中self.window[menu] menuBar 以下是菜单被点击的时候所触发的函数方法 这里面的pack_forget方法是为了清除界面添加的内容防止内容会一直保留到界面当中 def showAbout(self):self.changeFrame.pack_forget()self.deleteFrame.pack_forget()self.searchFrame.pack_forget()self.insertFrame.pack_forget()self.aboutFrame.pack()def showChange(self):self.aboutFrame.pack_forget()self.deleteFrame.pack_forget()self.searchFrame.pack_forget()self.insertFrame.pack_forget()self.changeFrame.pack()def showDelete(self):self.aboutFrame.pack_forget()self.changeFrame.pack_forget()self.searchFrame.pack_forget()self.insertFrame.pack_forget()self.deleteFrame.pack()def showSearch(self):self.aboutFrame.pack_forget()self.changeFrame.pack_forget()self.deleteFrame.pack_forget()self.insertFrame.pack_forget()self.searchFrame.pack()def showInsert(self):self.aboutFrame.pack_forget()self.changeFrame.pack_forget()self.deleteFrame.pack_forget()self.searchFrame.pack_forget()self.insertFrame.pack() 3、效果展示 当你点击下面不同菜单的时候会进入到不同的页面  四、数据库的模型设计 采用json格式去设计数据模块后期会用上数据库的连结  [{username: admin,password: 123456},{username: Ryan,password: 123456} ] 今天的分享就是这样了下次带来关于学生信息管理系统的进一步页面设计。
http://www.hkea.cn/news/14487461/

相关文章:

  • 学php做网站wordpress淘宝ued
  • wordpress 网站标题设置方法石油大学 网页设计与网站建设
  • 网站后台ftp在哪国际新闻界官网
  • 谷歌网站收录提交网站关键词seo费用
  • 计算机应用技术好就业吗优化方案系列丛书
  • 企业网站管理系统项目文档郑州即将迎来全面解封
  • 开发板停止维护后如何处理百度seo优化策略
  • 网站用哪个做重庆网站推广产品企业
  • 十里河网站建设公司千博企业网站管理系统完整版 2014
  • 自由体网站建设vr全景网络推广员要怎么做
  • 手机微网站注册登录源码asp网站后台登陆地址
  • 免费网站建设朋友交流个人博客网站中文模板
  • seo推广软关键字排名优化公司
  • wordpress如何布局知名seo电话
  • 网站建设全包 广州原创软文
  • 大余网站提供网站建设课程代码
  • 手机网站一般宽度做多大的云虚拟主机 wordpress
  • 怎么在网站上加qq网上广告宣传怎么做
  • 企业网站模板文件管理本地局域网搭建wordpress
  • 网站建设属于服务还是货物浙江省住房和城乡建设厅证书
  • 要个网站网站备案号含义
  • 手机小说网站源码wordpress免费企业模板下载
  • 网站开发逻辑图做搜狗手机网站排名软
  • 青岛企业建站系统合肥做网站开发多少钱
  • 网站建设沧州西安网站维护
  • 潜山网站建设公司哪里有网站打开出现建设中
  • 网站建设大连建设网站的网站安全
  • 重庆网站制作外包企业建设网站能否报销
  • 产品销售类网站 模板怀化建网站
  • 网站怎样做域名绑定wordpress文章的地址