共计 4294 个字符，预计需要花费 11 分钟才能阅读完成。
问题：如何创立浏览器中的文件展现页面？
再论前端页面
交互页面剖析
动态局部
- 表格，页面构造
动静局部
- 文件浏览门路 (Path)
- 文件列表（Table）
| "<!DOCTYPE html>" | |
| "<html>" | |
| "<head>" | |
| "<meta charset=\"utf-8\">" | |
| "<title>D.T.Software</title>" | |
| "<head>" | |
| "<body>" | |
| "<h1>DT4SW Http File Server</h1>" | |
| "<hr/>" | |
| "<h3>Path: %s</h3>" | |
| "%s" | |
| "<body>" | |
| "<html>" |
文件列表剖析
动态
- 表格题目行
- 表格列表构造
动静局部
- 表格行数据
| "<table border=\"1\"width=\"100%\">"; | |
| "<tr>" | |
| "<th>File Name</th><th>File Type</th><th>File Size</th><th>Modify Time</th>" | |
| "</tr>" | |
| "<td><a href=\"%s\">%s</a></td><td>%s</td><td>%s</td><td>%s</td>" | |
| "</tr>" | |
| "</table>" |
文件列表接口函数及数据结构
Table *CreateTable();Table *InsertRow(Table *table, RowInfo *info);char *ToTableString(Table *table);void FreeTable(Table *table);
| typedef void Table; | |
| typedef struct {char link[2048]; | |
| char name[255]; | |
| char type[32]; | |
| char size[32]; | |
| char time[32]; | |
| }RowInfo; |
解决方案
CreateTable()- 从堆空间创建表格题目行，并作为初始表格数据返回
InsertRow(table, info)- 将 info 中的字符串进行表格行格式化，并增加到 table 开端
ToTableString(table)
- 将 table 表格数据格式化为 HTML 字符串，并返回
表格动态创建要害代码
| if (table && info) { | |
| char *t = table; | |
| int len = strlen(t); | |
| char *buf = malloc(strlen(ROW_FORMAT) + sizeof(*info)); | |
| if (buf) {sprintf(buf, ROW_FORMAT, info->link, info->name, info->type, info->size, info->time); | |
| ret = realloc(t, len + strlen(buf) + 1); | |
| ret = ret ? (strcpy(ret + len, buf), ret) : t; | |
| } else {ret = t;} | |
| free(buf); | |
| } |
页面动态创建代码
| char *ToPageString(const char *path, char *ts) | |
| { | |
| char *ret = NULL; | |
| if (path && ts && (ret = malloc(strlen(PAGE_FORMAT) + strlen(path) + strlen(ts) + 1))) {sprintf(ret, PAGE_FORMAT, path, ts); | |
| } | |
| return ret; | |
| } |
编程试验：动态创建交互页面
main.c
| #include<stdio.h> | |
| #include<stdlib.h> | |
| #include<unistd.h> | |
| #include<pthread.h> | |
| #include <sys/types.h> | |
| #include <dirent.h> | |
| #include <sys/stat.h> | |
| #include <time.h> | |
| #include <fcntl.h> | |
| #include <string.h> | |
| #include "tcp_server.h" | |
| #include "tcp_client.h" | |
| #include "utility.h" | |
| #include "page.h" | |
| int main(int argc, char *argv[]) | |
| {Table *t = CreateTable(); | |
| RowInfo ri = {"aa", "bbb", "cccc", "ddddd", "eeeeee"}; | |
| RowInfo rj = {"11", "222", "3333", "44444", "555555"}; | |
| t = InsertRow(t, &ri); | |
| t = InsertRow(t, &rj); | |
| char *ts = ToTableString(t); | |
| char *page = ToPageString("test/path/folder", ts); | |
| printf("%s\n", page); | |
| free(page); | |
| free(ts); | |
| FreeTable(t); | |
| return 0; | |
| } |
page.h
| #ifndef PAGE_H | |
| #define PAGE_H | |
| typedef void Table; | |
| typedef struct | |
| {char link[2048]; | |
| char name[255]; | |
| char type[32]; | |
| char size[32]; | |
| char time[32]; | |
| } RowInfo; | |
| char* ToPageString(const char* path, const char* ts); | |
| Table* CreateTable(); | |
| Table* InsertRow(Table* table, RowInfo* info); | |
| char* ToTableString(Table* table); | |
| void FreeTable(Table* table); | |
| #endif // PAGE_H |
page.c
| #include "page.h" | |
| #include <stdlib.h> | |
| #include <string.h> | |
| #include <stdio.h> | |
| static const char* PAGE_FORMAT = "<!DOCTYPE html>" | |
| "<html>" | |
| "<head>" | |
| "<meta charset=\"utf-8\">" | |
| "<title>D.T.Software</title>" | |
| "</head>" | |
| "<body>" | |
| "<h1>DT4SW Http File Server</h1>" | |
| "<hr/>" | |
| "<h3>Path: %s</h3>" | |
| "%s" | |
| "</body>" | |
| "</html>"; | |
| static const char* TABLE_BEGIN = "<table border=\"1\"width=\"100%\">"; | |
| static const char* TABLE_TITLE = "<tr>" | |
| "<th>File Name</th><th>File Type</th><th>File Size</th><th>Modify Time</th>" | |
| "</tr>"; | |
| static const char* ROW_FORMAT = "<tr>" | |
| "<td><a href=\"%s\">%s</a></td><td>%s</td><td>%s</td><td>%s</td>" | |
| "</tr>"; | |
| static const char* TABLE_END = "</tr>" | |
| "</table>"; | |
| char *ToPageString(const char *path, const char *ts) | |
| { | |
| char *ret = NULL; | |
| if (path && ts && (ret = malloc(strlen(PAGE_FORMAT) + strlen(path) + strlen(ts) + 1))) {sprintf(ret, PAGE_FORMAT, path, ts); | |
| } | |
| return ret; | |
| } | |
| Table *CreateTable() | |
| {const int TITLE_LEN = strlen(TABLE_TITLE); | |
| char *ret = malloc(TITLE_LEN + 1); | |
| if (ret) {strcpy(ret, TABLE_TITLE); | |
| } | |
| return ret; | |
| } | |
| char *ToTableString(Table *table) | |
| {const int BEGIN_LEN = strlen(TABLE_BEGIN); | |
| const int END_LEN = strlen(TABLE_END); | |
| char *ret = NULL; | |
| if (table && (ret = malloc(strlen(table) + BEGIN_LEN + END_LEN + 1))) {strcpy(ret, TABLE_BEGIN); | |
| strcpy(ret + BEGIN_LEN, table); | |
| strcpy(ret + BEGIN_LEN + strlen(table), TABLE_END); | |
| } | |
| return ret; | |
| } | |
| Table *InsertRow(Table *table, RowInfo *info) | |
| { | |
| char *ret = NULL; | |
| if (table && info) { | |
| char *t = table; | |
| int len = strlen(t); | |
| char *buf = malloc(strlen(ROW_FORMAT) + sizeof(*info)); | |
| if (buf) {sprintf(buf, ROW_FORMAT, info->link, info->name, info->type, info->size, info->time); | |
| ret = realloc(t, len + strlen(buf) + 1); | |
| ret = ret ? (strcpy(ret + len, buf), ret) : t; | |
| } else {ret = t;} | |
| free(buf); | |
| } | |
| return ret; | |
| } | |
| void FreeTable(Table *table) | |
| {free(table); | |
| } |
输入
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>D.T.Software</title> </head> <body> <h1>DT4SW Http File Server</h1> <hr/> <h3>Path: test/path/folder</h3> <table border="1" width="100%"> <tr> <th>File Name</th><th>File Type</th><th>File Size</th><th>Modify Time</th> </tr><tr> <td><a href="aa">bbb</a></td><td>cccc</td><td>ddddd</td><td>eeeeee</td></tr><tr> <td><a href="11">222</a></td><td>3333</td><td>44444</td><td>555555</td></tr> </tr></table> </body></html>思考
浏览器于文件服务器如何交互？
正文完
