免费网页部署平台staticpage(下线,公开源码和设计文档)

免费网页部署平台staticpage

作者:不染心

时间:2023/5/5
spage.top
这是博主自己做的,希望大家多多支持
源码:https://mbd.pub/o/bread/ZpWVlJps

目录

Static Page平台包含以下三种功能:


网站云部署快速打包部署网站已上线
云函数快速部署server java api已上线
云数据库快速使用mysql云数据库开发ing

零、static pagej介绍

  • 平台地址:spage.top
  • 时间获取方式:
    • 免费:注册就送600分钟,后续签到打卡每天都会有免费部署时间。
    • 免费:签到,连续签到累积天数获取更多分。
    • 免费:后续会增加、上传项目、分享等方式获取。
    • 买:5毛6000分钟。

一、网站云部署

用户将打包好的网站直接上传,然后开启接口访问;

  • 使用邮箱注册一个账号,然后激活链接会发送到对应的邮箱中,激活即可;
  • 进入space->work,新建一个项目,将打包好的file.zip文件上传;
  • 定时项目开启的时间;
  • 访问链接:http://124.223.95.45/proId/index.html ,其中proId换成你的项目;

这里有两个注意点:

  • 压缩包名称必须为file.zip
  • 压缩包内不是文件夹,是如下图的index.html,static这几个的直接打包;

水印
项目管理
水印
网站压缩包内容
水印
zip上传,构建项目
水印
开启项目并定时关闭
加上项目编号,即可生成访问地址: http://124.223.95.45/38aacf4b/index.html
baymax
访问项目地址

二、云函数

输入正确的Java类,可以在线编译执行,方法可直接通过接口进行调用,方法即Api、即serverless;

1.在编辑器中输入以下java代码

import java.util.*;
public class Main {
    public String main() {
        System.out.println("Hello World!");
        return "Hello World!" + addNums(1, 7);
    }
    public int addNums(int a, int b){
        return a + b + b;
    }
}

2.点击 run按钮,编译并运行代码,右侧即展示运行结果

  • 会默认执行类中的 main函数
  • 还可以通过以下方式调用类中其他的函数;

3.云调用函数:访问接口,即可得到运行结果

调用main函数

调用方式:
http://spage.top:8081/class/runclass/(className)/(funcName)
demo:
http://spage.top:8081/class/runclass/Main/main

调用addNums函数

调用方式:
http://spage.top:8081/class/runclass/(className)/(funcName)
demo:
http://spage.top:8081/class/runclass/Main/addNums?paramsValue=1,11

三、云数据库

该功能,用户可创建云数据库,创建完成之后就类似于服务器上的真实数据库;

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
【资源说明】 毕业设计基于flask框架和python搭建的互动问答论坛源码+项目说明(含nginx部署方案).zip qa.py:该类用于处理问答页面请求,主要包括:搜索、详情、发布、评论 - user.py: 该类用于处理用户页面的请求,主要包括:注册、登录、注册、验证码邮件 - init.py ```python from .qa import bp as qa_bp from .user import bp as user_bp ``` migrations包 flask-migrate 是基于 Alembic 进行的一个封装,并集成到 Flask 中,而所有的迁移操作其实都是 Alembic 做的,他能跟踪模型的变化,并将变化映射到数据库中。 static包 静态文件,顾名思义,就是那些不会被改变的文件,比如图片,CSS 文件和JavaScript 源码文件。默认情况下,Flask 在程序根目录中名为 static 的子目录中寻找静态文件。 templates包 用于存放前端页面的模板文件。 app.py文件 这个是主`app`文件,运行文件。并且因为`db`被放到另外一个文件中,所以使用`db.init_app(app)`的方式来绑定数据库。 config.py文件 常量文件,用来存放数据库配置和邮箱配置。 decorators.py文件 修饰器文件,使评论和问答需登录才能发布 exts.py文件 把`db`变量和`mail`变量放到一个单独的文件,而不是放在主`app`文件。 这样做的目的是为了在大型项目中如果`db`被多个模型文件引用的话,会造成`from your_app import db`这样的方式,但是往往也在`your_app.py`中也会引入模型文件定义的类,这就造成了循环引用。所以最好的办法是把它放在不依赖其他模块的独立文件中。 ```python # ext.py from flask_sqlalchemy import SQLAlchemy from flask_mail import Mail db = SQLAlchemy() mail = Mail() ``` forms.py文件 表单文件,用来对注册表单、登录表单、问答表单、评论表单进行规范化限制。 models.py文件 模型文件,用来存放所有的模型,并且注意,因为这里使用的是`flask-script`的方式进行模型和表的映射,因此不需要使用`db.create_all()`的方式创建数据库。 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
JAVA语言课程设计报告 题 目:记事本的制作 设 计 者: 专业班级: 学 号: 2012年 12 月 24 日 目录 1、系统需求分析 3 2.系统总体设计 3 3 系统详细设计 5 4软件测试 13 5 系统总结 13 6系统设计心得体会 13 7参考文献 13 1、系统需求分析 1.1系统名称: Window记事本 1.2系统介绍: 开发一个window记事本,主要有一个主界面及以下功能: 1:文件的新建,打开,保存,打印,另存等; 2:对文件的编辑,如全选,复制,剪切,粘贴等; 3:对文件的格式操作,如自动换行,字体等; 4:帮助,包括帮助主题,关于。 1.3开发环境 Eclipse 2.系统总体设计 2.1 系统功能结构图 2.2系统文件结构图 2.3系统编辑结构图 2.4系统格式、帮助结构图 3 系统详细设计 3.1.主界面 主界面主要是用于对选择相应的功能进行相应的功能,主界面主要包括文件,编辑,格式,帮助四个下拉菜单功能。 重要代码: ①创建界面,安装各种监听器 public Notebook() { setTitle("记事本 -- 刘兴钢"); con=getContentPane(); text=new JTextArea(); JSPane=new JScrollPane(text); createMenu(); createPopupMenu(); setJMenuBar(mainMenuBar); con.add(JSPane,BorderLayout.CENTER); text.setComponentPopupMenu(popMenu); text.getDocument().addDocumentListener(this); text.addKeyListener(new handleKey()); text.addMouseListener(new handleMouse()); setSize(400,300); setVisible(true); ② 菜单代码 public void createMenu(){ //创建JMenuBar mainMenuBar=new JMenuBar(); //创建四个JMenu fileMenu=new JMenu("文件"); editMenu=new JMenu("编辑"); formatMenu=new JMenu("格式"); helpMenu=new JMenu("帮助"); 3.2.字体设计界面 主要代码 import java.awt.event.*; import javax.swing.*; import javax.swing.event.*; import java.awt.*; public class fontDialog extends JDialog implements ActionListener,ListSelectionListener{ public static final int Cancle=0; public static final int OK=1; public static final String [] style={"正常","斜体","粗体","粗斜体"}; public static final String [] size={"8","9","10","11","12","14","16", "18","20","22","24","26","28","36","48","72"}; private Font userFont=null; private int userSelect=Cancle; private JFrame parent=null; private Container con; private JScrollPane nameSPane,styleSPane,sizeSPane; private JPanel panel[]; private JLabel nameLbl,styleLbl,sizeLbl; private JTextField nameText,styleText,sizeText; private JList nameList,styleList,sizeList; private JButton OKBtn,cancleBtn; public fontDialog() { this(null); } public fontDialog(JFrame owner){ super(owner,true); parent=owner; setTitle("字体"); con=getContentPane(); BoxLayout box=new BoxLayout(con,BoxLayout.Y_AXIS); con.setLayout(box); panel=new JPanel[4]; for(int i=0;i<3;i++){ panel[i]=new JPanel(); panel[i].setLayout(new GridLayout(1,3)); } panel[3]=new JPanel(); panel[3].setLayout(new FlowLayout()); nameLbl=new JLabel("字体"); styleLbl=new JLabel("字形"); sizeLbl=new JLabel("大小"); panel[0].add(nameLbl); panel[0].add(styleLbl); panel[0].add(sizeLbl); nameText=new JTextField("宋体"); nameText.setColumns(5); nameText.setEditable(false); styleText=new JTextField("正常"); styleText.setColumns(5); styleText.setEditable(false); sizeText=new JTextField("12"); sizeText.setColumns(5); sizeText.setEditable(false); panel[1].add(nameText); panel[1].add(styleText); panel[1].add(sizeText); GraphicsEnvironment eq = GraphicsEnvironment.getLocalGraphicsEnvironment(); String[] availableFonts= eq.getAvailableFontFamilyNames(); nameList=new JList(availableFonts); nameList.addListSelectionListener(this); nameSPane=new JScrollPane(nameList); styleList=new JList(style); styleList.addListSelectionListener(this); styleSPane=new JScrollPane(styleList); sizeList=new JList(size); sizeList.addListSelectionListener(this); sizeSPane=new JScrollPane(sizeList); panel[2].add(nameSPane); panel[2].add(styleSPane); panel[2].add(sizeSPane); OKBtn=new JButton("确定"); OKBtn.addActionListener(this); cancleBtn=new JButton("取消"); cancleBtn.addActionListener(this); panel[3].add(OKBtn); panel[3].add(cancleBtn); for(int i=0;i<4;i++) con.add(panel[i]); } public int showFontDialog(){ setSize(300,300); int x,y; if (parent!=null){ x=parent.getX()+30; y=parent.getY()+30; }else{ x=150; y=100; } setLocation(new Point(x,y)); setVisible(true); return userSelect; } public Font getFont(){ return userFont; } public void actionPerformed(ActionEvent e){ int styleIndex=Font.PLAIN,fontSize; if(e.getSource()==OKBtn){ if(styleText.getText().equals("正常")) styleIndex=Font.PLAIN; if(styleText.getText().equals("斜体")) styleIndex=Font.ITALIC; if(styleText.getText().equals("粗体")) styleIndex=Font.BOLD; if(styleText.getText().equals("粗斜体")) styleIndex=Font.BOLD | Font.ITALIC; fontSize=Integer.parseInt(sizeText.getText()); userFont=new Font(nameText.getText(),styleIndex,fontSize); userSelect=OK; setVisible(false); }else{ userSelect=Cancle; setVisible(false); } } public void valueChanged(ListSelectionEvent e){ if (e.getSource()==nameList) nameText.setText((String)nameList.getSelectedValue()); if (e.getSource()==styleList) styleText.setText((String)styleList.getSelectedValue()); if (e.getSource()==sizeList) sizeText.setText((String)sizeList.getSelectedValue()); } } 3.3.保存界面 代码 int doSave(){ FileOutputStream fout; byte content[]; int flag; if (!haveName){ flag = doSaveAs(); }else if(changed){ try{ fout=new FileOutputStream(file); content=text.getText().getBytes(); fout.write(content); fout.close(); changed=false; flag = 1; }catch(FileNotFoundException e){ JOptionPane.showMessageDialog(this,"指定的文件名称或属性有问题!"); flag = 0; }catch(IOException e){ JOptionPane.showMessageDialog(this,"无法写文件,请检查文件是否被锁定"); flag = 0; } }else{ flag =1; } return flag; } 3.4.打印设计界面
HTML和CSS是用于网页设计的两种基本技术。HTML是用于创建网页结构和内容的标记语言,而CSS则用于控制网页的样式和布局。下面是一个简单的HTML和CSS设计静态网页的例子: ```html <!DOCTYPE html> <html> <head> <title>My Static Webpage</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } h1 { margin: 0; } nav { background-color: #666; color: #fff; padding: 10px; text-align: center; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav li { display: inline-block; margin: 0 10px; } nav a { color: #fff; text-decoration: none; } section { margin: 20px; } article { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 2px 2px 5px #ccc; padding: 20px; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; } </style> </head> <body> <header> <h1>My Static Webpage</h1> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <section> <article> <h2>About Me</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, diam eget bibendum bibendum, velit elit bibendum augue, eget bibendum enim ligula vel nunc. Sed euismod, diam eget bibendum bibendum, velit elit bibendum augue, eget bibendum enim ligula vel nunc.</p> </article> </section> <footer> <p>© 2021 My Static Webpage</p> </footer> </body> </html> ``` 这个例子包括一个简单的网页结构,包括页眉、导航、主要内容和页脚。CSS用于控制网页的样式和布局,包括背景颜色、字体、边框、阴影等。这个例子只是一个简单的示例,实际上可以使用HTML和CSS创建更复杂的网页

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不染心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值